feat: desktop image thumbnails, gallery lightbox portal, client-side compression, clickable table rows, fix header gap

src/app/(dashboard)/academy/page.tsx

@@ -0,0 +1,23 @@
+import { GraduationCap } from '@/lib/icons';
+import { AcademyClient } from "@/components/academy/academy-client";
+
+export const metadata = { title: "Akademi | KovakEmlak" };
+
+export default function AcademyPage() {
+  return (
+    <div className="p-6 space-y-6 max-w-5xl">
+      <div className="flex items-center gap-3">
+        <div className="bg-primary/10 text-primary p-2 rounded-lg">
+          <GraduationCap className="size-6" />
+        </div>
+        <div>
+          <h1 className="text-xl font-bold">Akademi</h1>
+          <p className="text-muted-foreground text-sm">
+            Her modülün turunu başlatarak sistemi adım adım öğrenin.
+          </p>
+        </div>
+      </div>
+      <AcademyClient />
+    </div>
+  );
+}