feat: centralizar conteúdo da topbar no max-w-8xl

Envolve logo, nav e ações num container max-w-8xl mx-auto
para alinhar com a largura do conteúdo das páginas.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

components/topbar/app-topbar.tsx

@@ -29,9 +29,13 @@ export function AppTopbar({
 	notificationsSnapshot,
 }: AppTopbarProps) {
 	return (
-		<header className="fixed top-0 left-0 right-0 z-50 bg-primary flex h-14 shrink-0 items-center gap-3 px-4 shadow-md">
+		<header className="fixed top-0 left-0 right-0 z-50 bg-primary shadow-md h-14 shrink-0 flex items-center">
+			<div className="w-full max-w-8xl mx-auto px-4 flex items-center gap-3 h-full">
 				{/* Logo */}
-			<Link href="/dashboard" className="flex items-center gap-2 shrink-0 mr-1">
+				<Link
+					href="/dashboard"
+					className="flex items-center gap-2 shrink-0 mr-1"
+				>
 					<Image
 						src="/logo_small.png"
 						alt="OpenMonetis"
@@ -86,6 +90,7 @@ export function AppTopbar({
 
 				{/* User avatar — outside the var-override div so dropdown stays normal */}
 				<TopbarUser user={user} pagadorAvatarUrl={pagadorAvatarUrl} />
+			</div>
 		</header>
 	);
 }