send notification when sms arrives

app/messages/pages/messages.tsx

@@ -1,4 +1,4 @@
-import { Suspense } from "react";
+import { Suspense, useEffect } from "react";
 import type { BlitzPage } from "blitz";
 import { Routes } from "blitz";
 import { useAtom } from "jotai";
@@ -8,11 +8,19 @@ import ConversationsList from "../components/conversations-list";
 import NewMessageButton from "../components/new-message-button";
 import NewMessageBottomSheet, { bottomSheetOpenAtom } from "../components/new-message-bottom-sheet";
 import useRequireOnboarding from "../../core/hooks/use-require-onboarding";
+import useNotifications from "../../core/hooks/use-notifications";
 
 const Messages: BlitzPage = () => {
 	useRequireOnboarding();
+	const { subscription, subscribe } = useNotifications();
 	const setIsOpen = useAtom(bottomSheetOpenAtom)[1];
 
+	useEffect(() => {
+		if (!subscription) {
+			subscribe();
+		}
+	}, [subscription?.endpoint]);
+
 	return (
 		<>
 			<div className="flex flex-col space-y-6 p-6">