Update stuff & add admin link in nav for admins

apps/next/src/app/(frontend)/layout.tsx

@@ -1,17 +1,17 @@
 import type { Metadata, Viewport } from 'next';
 import { Geist, Geist_Mono } from 'next/font/google';
 import { env } from '@/env';
-
 import '@/app/(frontend)/styles.css';
-
 import Footer from '@/components/layout/footer';
 import Header from '@/components/layout/header';
 import { ConvexClientProvider } from '@/components/providers';
 import { generateMetadata } from '@/lib/metadata';
 import { ConvexAuthNextjsServerProvider } from '@convex-dev/auth/nextjs/server';
 import PlausibleProvider from 'next-plausible';
-
 import { ThemeProvider, Toaster } from '@gib/ui';
+import { preloadQuery } from 'convex/nextjs';
+import { api } from '@gib/backend/convex/_generated/api.js';
+
 
 export const metadata: Metadata = generateMetadata();
 
@@ -31,11 +31,12 @@ const geistMono = Geist_Mono({
   variable: '--font-geist-mono',
 });
 
-const RootLayout = ({
+const RootLayout = async ({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) => {
+  const preloadedUser = await preloadQuery(api.auth.getUser, {});
   return (
     <ConvexAuthNextjsServerProvider>
       <PlausibleProvider
@@ -54,7 +55,9 @@ const RootLayout = ({
             >
               <ConvexClientProvider>
                 <div className='flex min-h-screen flex-col'>
-                  <Header />
+                  <Header
+                    preloadedUser={preloadedUser}
+                  />
                   {children}
                   <Footer />
                 </div>