feat: push notifications with one signal

package.json

@@ -241,6 +241,7 @@
     "react-hook-form": "7.53.1",
     "react-intersection-observer": "9.5.2",
     "react-lottie": "1.2.4",
+    "react-onesignal": "3.0.1",
     "react-qr-code": "2.0.12",
     "react-redux": "9.1.2",
     "react-router-dom": "6.26.2",

src/app/features/container/container.tsx

@@ -20,6 +20,7 @@ import { useAppDispatch, useHasStateRehydrated } from '@app/store';
 import { stxChainSlice } from '@app/store/chains/stx-chain.slice';
 
 import { useRestoreFormState } from '../popup-send-form-restoration/use-restore-form-state';
+import { useInitPushNotifications } from '../push-notifications/push-notifications';
 
 export function Container() {
   const { pathname: locationPathname } = useLocation();
@@ -29,6 +30,8 @@ export function Container() {
 
   const hasStateRehydrated = useHasStateRehydrated();
 
+  useInitPushNotifications();
+
   useOnWalletLock(() => closeWindow());
   useOnSignOut(() => closeWindow());
   useRestoreFormState();

src/app/features/push-notifications/push-notifications.ts

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+import OneSignal from 'react-onesignal';
+
+import { WALLET_ENVIRONMENT } from '@shared/environment';
+
+export function useInitPushNotifications() {
+  useEffect(() => {
+    void OneSignal.init({
+      appId: 'YOUR_APP_ID',
+      notifyButton: {
+        enable: true,
+      },
+      allowLocalhostAsSecureOrigin: WALLET_ENVIRONMENT === 'development',
+    });
+  }, []);
+}