refactor(navbar): extrair NavbarShell e adicionar variante navbar no Button

Unifica a estrutura da navbar entre o app e a landing page via novo
componente NavbarShell. Centraliza estilos de botões da navbar na
variante `navbar` do Button, eliminando nav-styles.ts e as classes
inline duplicadas. AnimatedThemeToggler, RefreshPageButton e MobileNav
passam a aceitar prop `variant` para adaptar ao contexto.

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

src/features/landing/components/mobile-nav.tsx

@@ -24,24 +24,18 @@ const navLinks = [
 interface MobileNavProps {
 	isPublicDomain: boolean;
 	isLoggedIn: boolean;
-	triggerClassName?: string;
 }
 
-export function MobileNav({
-	isPublicDomain,
-	isLoggedIn,
-	triggerClassName,
-}: MobileNavProps) {
+export function MobileNav({ isPublicDomain, isLoggedIn }: MobileNavProps) {
 	const [open, setOpen] = useState(false);
 
 	return (
 		<div className="md:hidden">
 			<Button
-				variant="ghost"
-				size="icon"
+				variant="navbar"
+				size="icon-sm"
 				onClick={() => setOpen(true)}
 				aria-label="Abrir menu"
-				className={triggerClassName}
 			>
 				<RiMenuLine className="size-5" />
 			</Button>

src/features/landing/constants.ts

@@ -35,9 +35,6 @@ export type FeatureItem = {
 	colorVar: string;
 };
 
-export const navbarActionClassName =
-	"border-black/10 bg-transparent text-black/75 shadow-none hover:border-black/20 hover:bg-black/10 hover:text-black focus-visible:ring-black/20 data-[state=open]:bg-black/10 data-[state=open]:text-black";
-
 export const navLinks = [
 	{ href: "#telas", label: "conheça as telas" },
 	{ href: "#funcionalidades", label: "funcionalidades" },