feat(frontend): add floating FeedbackButton to all pages

Author: TokenBrice

src/app/layout.tsx

@@ -7,6 +7,7 @@ import { Header } from "@/components/header";
 import { Sidebar, SidebarProvider, SidebarSpacer } from "@/components/sidebar";
 import { Footer } from "@/components/footer";
 import { ScrollToTop } from "@/components/scroll-to-top";
+import { FeedbackButton } from "@/components/feedback-button";
 import { TRACKED_STABLECOINS } from "@/lib/stablecoins";
 import { DEAD_STABLECOINS } from "@/lib/dead-stablecoins";
 import { PEG_CURRENCY_COUNT } from "@/lib/classification";
@@ -107,6 +108,7 @@ export default function RootLayout({
             </div>
           </SidebarProvider>
           <ScrollToTop />
+          <FeedbackButton />
         </Providers>
         <script
           type="application/ld+json"

src/components/feedback-button.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { useState } from "react";
+import { MessageSquarePlus } from "lucide-react";
+import { FeedbackModal } from "@/components/feedback-modal";
+
+export function FeedbackButton() {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <button
+        onClick={() => setOpen(true)}
+        aria-label="Send feedback"
+        className="fixed bottom-6 right-6 z-50 flex items-center gap-2 rounded-full bg-primary px-4 py-2.5 text-sm font-medium text-primary-foreground shadow-lg transition-all hover:bg-primary/90 hover:shadow-xl active:scale-95"
+      >
+        <MessageSquarePlus className="h-4 w-4 shrink-0" />
+        <span>Feedback</span>
+      </button>
+      <FeedbackModal open={open} onOpenChange={setOpen} />
+    </>
+  );
+}