update saladeaul.adigitaltw

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

@@ -2,10 +2,10 @@ import type { Route } from './+types'
 
 import { Link, 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,12 +24,14 @@ 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="/" className="flex items-start gap-1">
-            <img src={logo} className="h-6 lg:h-8" />
-            <span className="text-muted-foreground text-xs">Estúdio</span>
+          <Link to="/">
+            <ThemedImage className="flex gap-1">
+              <span className="text-muted-foreground text-xs">Estúdio</span>
+            </ThemedImage>
           </Link>
 
-          <div className="ml-auto">
+          <div className="ml-auto flex gap-2.5 items-center">
+            <ModeToggle />
             <NavUser user={user} />
           </div>
         </div>