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

src/app/(auth)/forgot-password/components/forgot-password-form-1.tsx

@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 import { useActionState } from "react";
-import { ArrowLeft, Loader2, MailCheck } from "lucide-react";
+import { ArrowLeft, CircleNotch, EnvelopeOpen } from '@/lib/icons';
 
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
@@ -28,7 +28,7 @@ export function ForgotPasswordForm1({ className, ...props }: React.ComponentProp
           {state.ok ? (
             <div className="flex flex-col items-center gap-3 py-4 text-center">
               <div className="bg-primary/10 text-primary flex size-12 items-center justify-center rounded-full">
-                <MailCheck className="size-6" />
+                <EnvelopeOpen className="size-6" />
               </div>
               <p className="text-sm">
                 Bağlantı emailinize gönderildi. Gelen kutusunu kontrol edin.
@@ -64,7 +64,7 @@ export function ForgotPasswordForm1({ className, ...props }: React.ComponentProp
               <Button type="submit" className="w-full" disabled={isPending}>
                 {isPending ? (
                   <>
-                    <Loader2 className="size-4 animate-spin" />
+                    <CircleNotch className="size-4 animate-spin" />
                     Gönderiliyor...
                   </>
                 ) : (

src/app/(auth)/forgot-password/page.tsx

@@ -11,7 +11,7 @@ export default function ForgotPasswordPage() {
           <div className="bg-primary text-primary-foreground flex size-9 items-center justify-center rounded-md">
             <Logo size={24} />
           </div>
-          <span className="text-lg font-semibold">İşletmem</span>
+          <span className="text-lg font-semibold">Emlak CRM</span>
         </Link>
         <ForgotPasswordForm1 />
       </div>