update

apps/saladeaula.digital/app/routes/layout.tsx

@@ -1,11 +1,12 @@
 import type { Route } from './+types'
 
-import { Link, Outlet } from 'react-router'
+import { Outlet } from 'react-router'
 
-import logo from '@/components/logo.svg'
-import { NavUser } from '@/components/nav-user'
-import { userContext } from '@/context'
-import { authMiddleware } from '@/middleware/auth'
+import { userContext } from '@repo/auth/context'
+import { authMiddleware } from '@repo/auth/middleware/auth'
+
+import { ModeToggle, ThemedImage } from '@repo/ui/components/dark-mode'
+import { NavUser } from '@repo/ui/components/nav-user'
 
 export const middleware: Route.MiddlewareFunction[] = [authMiddleware]
 
@@ -24,11 +25,10 @@ export default function Component({ loaderData }: Route.ComponentProps) {
                    px-4 py-2 lg:py-4 sticky top-0 z-5"
       >
         <div className="container mx-auto flex items-center">
-          <Link to="/">
-            <img src={logo} className="h-6 lg:h-8" />
-          </Link>
+          <ThemedImage />
 
-          <div className="ml-auto">
+          <div className="ml-auto flex gap-2.5 items-center">
+            <ModeToggle />
             <NavUser user={user} />
           </div>
         </div>