added in browser notifications for notifications in settings

app/(app)/layout.tsx

@@ -2,6 +2,7 @@ import { Suspense } from "react";
 
 import { AppAuthGate } from "@/components/layout/app-auth-gate";
 import { DailyReminderProvider } from "@/components/reminders/daily-reminder-provider";
+import { InAppReminderBanner } from "@/components/reminders/in-app-reminder-banner";
 
 export default function AppLayout({
   children,
@@ -12,6 +13,7 @@ export default function AppLayout({
     <Suspense fallback={<div className="min-h-svh bg-background" />}>
       <AppAuthGate>
         <DailyReminderProvider />
+        <InAppReminderBanner />
         {children}
       </AppAuthGate>
     </Suspense>