Feedback button

src/app/groups/layout.tsx

@@ -1,9 +1,13 @@
+import { FeedbackButton } from '@/components/feedback-button/feedback-button'
 import { PropsWithChildren } from 'react'
 
 export default function GroupsLayout({ children }: PropsWithChildren<{}>) {
   return (
-    <main className="flex-1 max-w-screen-md w-full mx-auto px-4 py-6 flex flex-col gap-6">
-      {children}
-    </main>
+    <>
+      <main className="flex-1 max-w-screen-md w-full mx-auto px-4 py-6 flex flex-col gap-6">
+        {children}
+      </main>
+      <FeedbackButton />
+    </>
   )
 }

src/app/layout.tsx

@@ -2,6 +2,7 @@ import { ProgressBar } from '@/components/progress-bar'
 import { ThemeProvider } from '@/components/theme-provider'
 import { ThemeToggle } from '@/components/theme-toggle'
 import { Button } from '@/components/ui/button'
+import { Toaster } from '@/components/ui/toaster'
 import { env } from '@/lib/env'
 import type { Metadata, Viewport } from 'next'
 import PlausibleProvider from 'next-plausible'
@@ -132,6 +133,7 @@ export default function RootLayout({
               </span>
             </div>
           </footer>
+          <Toaster />
         </ThemeProvider>
       </body>
     </html>