style: rediseno de layout profesional en las 7 apps

Headers sticky con marca y acciones, contenedores max-w-[1280px],
grids de contenido con rails laterales sticky (cotizador, mi-dia,
detalle de cobranza), stepper vertical en el wizard de alta, toolbar+
tabla unificadas en cobranza, tabs como segmented control en
dashboards, chat con barra de entrada fija y preguntas sugeridas,
landing con navbar + hero + grid de modulos + footer.

apps/alta-clientes/src/components/AppHeader.tsx

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react'
+
+interface Props {
+  titulo: string
+  acciones?: ReactNode
+}
+
+/** Barra superior de la app: marca a la izquierda, acciones a la derecha */
+export default function AppHeader({ titulo, acciones }: Props) {
+  return (
+    <header className="sticky top-0 z-10 border-b border-[#E5E7EB] bg-white/95 backdrop-blur">
+      <div className="mx-auto flex min-h-14 max-w-[1280px] flex-wrap items-center gap-x-3 gap-y-2 px-4 py-2 sm:px-6">
+        <span className="text-sm font-bold tracking-widest text-[#111827]">
+          FRASA<span className="text-[#F97316]">.</span>
+        </span>
+        <h1 className="text-xl font-semibold text-[#111827]">{titulo}</h1>
+        {acciones && <div className="ml-auto flex items-center gap-3">{acciones}</div>}
+      </div>
+    </header>
+  )
+}