Add a prompt to encourage users to subscribe to push notifications

Introduce a new push notification prompt banner that appears on the homepage after a delay, encouraging users to subscribe to notifications. The banner will not appear if the user is already subscribed, has previously dismissed it, or if push notifications are not supported. Refactor existing push notification logic to be more modular and reusable across components.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: cf18a9e4-eed8-448c-9c3c-694f18134403
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/ICRgny1
Replit-Helium-Checkpoint-Created: true

client/src/pages/home.tsx

@@ -15,6 +15,7 @@ import { RecipeWidget } from "@/components/recipe-widget";
 import { NewsWidget } from "@/components/news-widget";
 import { SidebarWeatherWidget } from "@/components/weather-widget";
 import { BreakingNewsWidget } from "@/components/breaking-news-widget";
+import PushPromptBanner from "@/components/push-prompt-banner";
 import { useState, useEffect, useCallback, useRef, useMemo, lazy, Suspense } from "react";
 
 function useFocalPoints() {
@@ -748,6 +749,7 @@ export default function Home() {
 
       </main>
       <Footer />
+      <PushPromptBanner />
     </div>
   );
 }