website refactor

apps/website/ui/TopNav.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+interface TopNavProps {
+  children: React.ReactNode;
+  className?: string;
+}
+
+/**
+ * TopNav is a horizontal navigation container used within the AppHeader.
+ */
+export function TopNav({ children, className = '' }: TopNavProps) {
+  return (
+    <nav className={`flex items-center justify-between w-full ${className}`}>
+      {children}
+    </nav>
+  );
+}