diff --git a/app/layout.tsx b/app/layout.tsx
index 1ced27d33cee4b94784c8a7cc1e70758942a8534..db79611d17e54885e18e0888233f270838ed9856 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,8 +2,10 @@ import { Inter } from 'next/font/google'
 import './globals.css'
 
 import Providers from '@/components/react-query/provider'
+import SiteLoad from '@/components/site-loading'
 import { ThemeProvider } from '@/components/ui/theme-provider'
 import { ClerkProvider } from '@clerk/nextjs'
+import { Suspense } from 'react'
 
 const inter = Inter({ subsets: ['latin'] })
 
@@ -22,11 +24,13 @@ export default function RootLayout({
       <head />
       <body className={inter.className}>
         <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
-          <ClerkProvider>
-            <Providers>
-              {children}
-            </Providers>
-          </ClerkProvider>
+          <Suspense fallback={<SiteLoad />}>
+            <ClerkProvider>
+              <Providers>
+                {children}
+              </Providers>
+            </ClerkProvider>
+          </Suspense>
         </ThemeProvider>
       </body>
     </html>
diff --git a/components/nav.tsx b/components/nav.tsx
index 66151665a99ee8e34d5f883bd5c0b2ff8f7920b3..afc15302cd4858bb4840767275e67135cc5b1695 100644
--- a/components/nav.tsx
+++ b/components/nav.tsx
@@ -63,7 +63,7 @@ export default function DashboardNav({ items }: DashboardNavProps) {
                     </p>
                 </div>
             }
-            {/* <UserButton afterSignOutUrl="/" /> */}
+            <UserButton afterSignOutUrl="/" />
             <ModeToggle />
         </nav>
     )
diff --git a/app/loading.tsx b/components/site-loading.tsx
similarity index 94%
rename from app/loading.tsx
rename to components/site-loading.tsx
index 57a5a5c8f519b75814523f01bdcaffed9fe6d0ca..67ff238c8138913001c0c94e8c828d6acda1d05e 100644
--- a/app/loading.tsx
+++ b/components/site-loading.tsx
@@ -1,6 +1,6 @@
 import { Skeleton } from "@/components/ui/skeleton"
 
-export default function Loading() {
+export default function SiteLoad() {
     return (
         <div className="grid w-full gap-10">
             <div className="flex w-full items-center justify-between">
diff --git a/prisma/db.ts b/prisma/db.ts
index 51426edb3a8b60e8b1790015eec12a05d3693d94..e67728c730d79e213ad8260804cc221175933555 100644
--- a/prisma/db.ts
+++ b/prisma/db.ts
@@ -7,7 +7,7 @@ const globalForPrisma = global as unknown as {
 export const prisma =
   globalForPrisma.prisma ??
   new PrismaClient({
-    log: ['query'],
+    // log: ['query'],
   })
 
 if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma
\ No newline at end of file