fix(web): agregar ThemeToggle en PublicLayout (login)

El ThemeToggle solo vivia en AppHeader (ProtectedLayout), por lo que
desde /login era imposible cambiar el tema. Movido a esquina superior
derecha con z-index 20 sobre el gradient mesh.

useTheme defaultea a system preference, pero el usuario tiene que poder
override desde cualquier pantalla — incluido el login.

src/web/src/layouts/PublicLayout.tsx

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react'
+import { ThemeToggle } from '@/components/layout/ThemeToggle'
 
 interface PublicLayoutProps {
   children: ReactNode
@@ -24,6 +25,11 @@ export function PublicLayout({ children }: PublicLayoutProps) {
       <div className="absolute top-[-20%] right-[-10%] w-[500px] h-[500px] rounded-full bg-brand-500/10 dark:bg-brand-500/15 blur-[120px] pointer-events-none" />
       <div className="absolute bottom-[-20%] left-[-10%] w-[500px] h-[500px] rounded-full bg-violet-500/10 dark:bg-violet-500/12 blur-[120px] pointer-events-none" />
 
+      {/* Theme toggle — top-right, glass over gradient */}
+      <div className="absolute top-4 right-4 z-20">
+        <ThemeToggle />
+      </div>
+
       {/* Content */}
       <div className="relative z-10 w-full flex justify-center">{children}</div>
     </div>