feat: add /feedback page, FeedbackModal to TopNav, and footer link

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

components/TopNav.tsx

@@ -3,9 +3,11 @@
 
 import Link from "next/link";
 import Image from "next/image";
+import { useState } from "react";
 import { usePathname } from "next/navigation";
 
 import { useAuth } from "@/context/AuthContext";
+import { FeedbackModal } from "@/components/FeedbackModal";
 
 function NavLink({
   href,
@@ -38,8 +40,10 @@ function NavLink({
 export function TopNav() {
   const { user, logout, loading } = useAuth();
   const isAuthenticated = !!user;
+  const [feedbackOpen, setFeedbackOpen] = useState(false);
 
   return (
+    <>
     <header className="border-b border-zinc-200 bg-white/95 dark:border-zinc-800 dark:bg-black/95 backdrop-blur">
       <div className="mx-auto flex max-w-6xl items-center justify-between px-4 py-2">
         {/* Left: Brand / Home */}
@@ -65,6 +69,13 @@ export function TopNav() {
 
         {/* Right side actions */}
         <div className="flex items-center justify-end gap-3 sm:gap-4">
+          <button
+            type="button"
+            onClick={() => setFeedbackOpen(true)}
+            className="hidden text-xs font-medium text-zinc-500 hover:text-zinc-300 transition-colors sm:inline"
+          >
+            Send Feedback
+          </button>
           {loading ? (
             <span className="text-xs text-zinc-500">Checking session…</span>
           ) : isAuthenticated ? (
@@ -103,6 +114,8 @@ export function TopNav() {
         </div>
       </div>
     </header>
+    <FeedbackModal open={feedbackOpen} onClose={() => setFeedbackOpen(false)} />
+    </>
   );
 }
 export default TopNav;