feat: implement pwa push notifications

components/plan-settings.tsx

@@ -4,6 +4,7 @@ import { useState } from "react"
 import { useForm } from "react-hook-form"
 import { zodResolver } from "@hookform/resolvers/zod"
 import * as z from "zod"
+import { PushSubscriptionSettings } from "@/components/push-manager"
 import { Settings } from "lucide-react"
 import { toast } from "sonner"
 
@@ -112,6 +113,9 @@ export function PlanSettings({
                         {dict.description}
                     </DialogDescription>
                 </DialogHeader>
+
+                <PushSubscriptionSettings planId={planId} />
+
                 <Form {...form}>
                     <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
                         <FormField