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

src/app/(auth)/sign-in/components/login-form-1.tsx

@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 import { useActionState } from "react";
-import { Loader2, Building2, Users, Presentation, Zap } from "lucide-react";
+import { CircleNotch, Buildings, Users, Presentation, Lightning } from '@/lib/icons';
 
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -43,7 +43,7 @@ export function LoginForm1({
         {/* Logo + Ürün adı */}
         <div className="relative z-10 flex items-center gap-3">
           <div className="flex size-10 items-center justify-center rounded-xl bg-blue-500/20 ring-1 ring-blue-400/30 backdrop-blur">
-            <Building2 className="size-5 text-blue-300" />
+            <Buildings className="size-5 text-blue-300" />
           </div>
           <div>
             <p className="text-lg font-bold tracking-tight leading-none">Emlak CRM</p>
@@ -65,12 +65,12 @@ export function LoginForm1({
           <ul className="space-y-4">
             {[
               {
-                icon: Building2,
+                icon: Buildings,
                 title: "Portföy yönetimi",
                 desc: "Tüm ilanlarınızı fotoğraflarıyla ekleyin, takip edin",
               },
               {
-                icon: Zap,
+                icon: Lightning,
                 title: "Akıllı eşleşme",
                 desc: "Ağırlıklı puanlama ile müşteri × ilan eşleştirmesi",
               },
@@ -111,7 +111,7 @@ export function LoginForm1({
           {/* Mobilde logo */}
           <div className="flex items-center gap-2 lg:hidden">
             <div className="flex size-8 items-center justify-center rounded-lg bg-blue-600 text-white">
-              <Building2 className="size-4" />
+              <Buildings className="size-4" />
             </div>
             <span className="font-bold">Emlak CRM</span>
           </div>
@@ -172,7 +172,7 @@ export function LoginForm1({
             <Button type="submit" className="w-full" disabled={isPending}>
               {isPending ? (
                 <>
-                  <Loader2 className="size-4 animate-spin" />
+                  <CircleNotch className="size-4 animate-spin" />
                   Giriş yapılıyor...
                 </>
               ) : (