Refactor header and layout components, remove About page, and introduce Background component for improved UI structure

apps/frontend/src/features/about/about-page.tsx

@@ -1,12 +0,0 @@
-export function AboutPage() {
-  return (
-    <main className="mx-auto flex min-h-[60vh] w-full max-w-6xl items-center justify-center px-3 sm:px-6">
-      <section className="w-full max-w-3xl rounded-xl border bg-card p-6 text-card-foreground shadow-sm">
-        <h2 className="text-2xl font-semibold">About</h2>
-        <p className="mt-2 text-sm text-muted-foreground">
-          Ruta de ejemplo funcionando con TanStack Router.
-        </p>
-      </section>
-    </main>
-  );
-}

apps/frontend/src/features/booking/components/booking-mobile.tsx

@@ -209,29 +209,6 @@ function MobileTopBar() {
                 </div>
               </div>
 
-              <nav className="flex flex-col gap-1">
-                <Button
-                  variant="ghost"
-                  className="justify-start rounded-lg"
-                  onClick={() => {
-                    setOpen(false);
-                    void navigate({ to: '/' });
-                  }}
-                >
-                  Inicio
-                </Button>
-                <Button
-                  variant="ghost"
-                  className="justify-start rounded-lg"
-                  onClick={() => {
-                    setOpen(false);
-                    void navigate({ to: '/about' });
-                  }}
-                >
-                  About
-                </Button>
-              </nav>
-
               <Button
                 className="rounded-lg shadow-lg shadow-primary/20"
                 onClick={() => {

apps/frontend/src/features/login/login-page.tsx

@@ -1,3 +1,4 @@
+import PlayzerIcon from '@/assets/playzer-favicon-512-transparent.png';
 import { Button } from '@/components/ui/button';
 import { Field, FieldError, FieldLabel } from '@/components/ui/field';
 import { Input } from '@/components/ui/input';
@@ -78,7 +79,15 @@ export function LoginPage({ redirectTo = '/' }: LoginPageProps) {
   };
 
   return (
-    <main className="flex min-h-screen w-full items-center justify-center px-3 sm:px-6">
+    <main className="flex min-h-screen w-full flex-col items-center justify-center gap-6 px-3 sm:px-6">
+      <Link to="/" className="group flex items-center gap-3">
+        <div className="flex size-10 items-center justify-center">
+          <img src={PlayzerIcon} alt="Playzer" className="size-7" />
+        </div>
+        <span className="bg-gradient-to-r from-primary via-primary to-reserved bg-clip-text text-xl font-bold tracking-tight text-transparent">
+          Playzer
+        </span>
+      </Link>
       <section className="w-full max-w-sm rounded-xl border bg-card p-6 text-card-foreground shadow-sm">
         <h1 className="mb-2 text-2xl font-semibold">Iniciar sesión</h1>
         <p className="mb-4 text-sm text-muted-foreground">