Enhance application performance and user experience by enabling component caching in next.config.ts, optimizing database queries in various pages, and implementing lazy loading for heavy components. Updated styles for smoother transitions and improved visual clarity in multiple components, including globals.css and landing sections.

src/components/site-header.tsx

@@ -1,6 +1,7 @@
+import { Suspense } from "react";
 import Image from "next/image";
 import Link from "next/link";
-import { UserNav } from "@/components/user-nav";
+import { UserNav, UserNavFallback } from "@/components/user-nav";
 
 const navLinks = [
   { href: "/#nasil-calisir", label: "Nasıl çalışır?" },
@@ -42,7 +43,10 @@ export function SiteHeader() {
             </Link>
           ))}
         </nav>
-        <UserNav />
+        {/* UserNav session+DB bekler; Suspense dışına taşarsa tüm kabuk bloklanır */}
+        <Suspense fallback={<UserNavFallback />}>
+          <UserNav />
+        </Suspense>
       </div>
     </header>
   );