refactor: substituir topbar por navbar componentizada

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

components/navbar/nav-pill.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import { cn } from "@/lib/utils/ui";
+import { NavLink } from "./nav-link";
+import { linkActive, linkBase, linkIdle } from "./nav-styles";
+
+type NavPillProps = {
+	href: string;
+	preservePeriod?: boolean;
+	children: React.ReactNode;
+};
+
+export function NavPill({ href, preservePeriod, children }: NavPillProps) {
+	const pathname = usePathname();
+
+	const isActive =
+		href === "/dashboard"
+			? pathname === href
+			: pathname === href || pathname.startsWith(`${href}/`);
+
+	return (
+		<NavLink
+			href={href}
+			preservePeriod={preservePeriod}
+			className={cn(linkBase, isActive ? linkActive : linkIdle)}
+		>
+			{children}
+		</NavLink>
+	);
+}