feat: basic initial UI layout for mobile and desktop

apps/web/src/components/layout/Header.tsx

@@ -0,0 +1,20 @@
+import { Logo, LogoIcon } from '../brand'
+import { Breadcrumb } from './Breadcrumb'
+import { UserMenu } from './UserMenu'
+
+export function Header() {
+  return (
+    <header className="sticky top-0 z-40 h-16 w-full border-b border-border bg-background/90 backdrop-blur">
+      <div className="mx-auto flex h-full w-full max-w-7xl items-center justify-between px-4 lg:px-6">
+        <div className="flex min-w-0 items-center">
+          <a href="/" className="flex items-center gap-2 lg:hidden" aria-label="Gruperly inicio">
+            <LogoIcon className="size-7" />
+            <Logo className="text-lg tracking-tight" />
+          </a>
+          <Breadcrumb />
+        </div>
+        <UserMenu />
+      </div>
+    </header>
+  )
+}