Fix notifikasi system

Add:
- screens/Admin/AdminNotificationBell.tsx

Fix:
- app.config.js
- app/(application)/(user)/home.tsx
- app/(application)/(user)/test-notifications.tsx
- app/(application)/admin/_layout.tsx
- app/_layout.tsx
- components/Notification/NotificationInitializer.tsx
- context/AuthContext.tsx
- hooks/use-notification-store.tsx
- ios/HIPMIBadungConnect/Info.plist
- screens/Home/HeaderBell.tsx
- service/api-device-token.ts
- service/api-notifications.ts

### No Issue

app/(application)/(user)/home.tsx

@@ -3,6 +3,7 @@
 import { ButtonCustom, StackCustom, ViewWrapper } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { useAuth } from "@/hooks/use-auth";
+import { useNotificationStore } from "@/hooks/use-notification-store";
 import Home_BottomFeatureSection from "@/screens/Home/bottomFeatureSection";
 import HeaderBell from "@/screens/Home/HeaderBell";
 import Home_ImageSection from "@/screens/Home/imageSection";
@@ -20,12 +21,16 @@ export default function Application() {
   const { token, user, userData } = useAuth();
   const [data, setData] = useState<any>();
   const [refreshing, setRefreshing] = useState(false);
+  const { syncUnreadCount } = useNotificationStore();
+
+
 
   useFocusEffect(
     useCallback(() => {
       onLoadData();
       checkVersion();
       userData(token as string);
+      syncUnreadCount()
     }, [user?.id, token])
   );
 
@@ -98,9 +103,9 @@ export default function Application() {
         }
       >
         <StackCustom>
-          {/* <ButtonCustom onPress={() => router.push("./test-notifications")}>
+          <ButtonCustom onPress={() => router.push("./test-notifications")}>
             Test Notif
-          </ButtonCustom> */}
+          </ButtonCustom>
 
           <Home_ImageSection />
 

app/(application)/(user)/test-notifications.tsx

@@ -5,36 +5,26 @@ import {
   TextInputCustom,
 } from "@/components";
 import { useAuth } from "@/hooks/use-auth";
-import { apiGetAllTokenDevice } from "@/service/api-device-token";
 import { apiNotificationsSend } from "@/service/api-notifications";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import Toast from "react-native-toast-message";
 
 export default function TestNotification() {
   const { user } = useAuth();
   const [data, setData] = useState("");
 
-  useEffect(() => {
-    // fecthData();
-  }, []);
-
-  const fecthData = async () => {
-    const response = await apiGetAllTokenDevice();
-    console.log(
-      "[RES GET ALL TOKEN DEVICE]",
-      JSON.stringify(response.data, null, 2)
-    );
-  };
-
   const handleSubmit = async () => {
     console.log("[Data Dikirim]", data);
     const response = await apiNotificationsSend({
       data: {
-        fcmToken:
-          "cVmHm-3P4E-1vjt6AA9kSF:APA91bHTkHjGTLxrFsb6Le6bZmzboZhwMGYXU4p0FP9yEeXixLDXNKS4F5vLuZV3sRgSnjjQsPpLOgstVLHJB8VJTObctKLdN-CxAp4dnP7Jbc_mH53jWvs",
         title: "Test dari Backend (App Router)!",
         body: data,
         userLoginId: user?.id || "",
+        appId: "hipmi",
+        status: "publish",
+        kategoriApp: "EVENT",
+        type: "announcement",
+        deepLink: "event/23189913801",
       },
     });
 

app/(application)/admin/_layout.tsx

@@ -15,6 +15,7 @@ import {
   ICON_SIZE_XLARGE,
 } from "@/constants/constans-value";
 import { useAuth } from "@/hooks/use-auth";
+import AdminNotificationBell from "@/screens/Admin/AdminNotificationBell";
 import {
   adminListMenu,
   superAdminListMenu,
@@ -192,11 +193,12 @@ export default function AdminLayout() {
                 label: "Notifikasi",
                 value: "notification",
                 icon: (
-                  <Ionicons
-                    name="notifications"
-                    size={ICON_SIZE_SMALL}
-                    color={MainColor.white}
-                  />
+                  // <Ionicons
+                  //   name="notifications"
+                  //   size={ICON_SIZE_SMALL}
+                  //   color={MainColor.white}
+                  // />
+                  <AdminNotificationBell/>
                 ),
                 path: "/admin/notification",
               },

app/_layout.tsx

@@ -1,6 +1,4 @@
-import NotificationInitializer from "@/components/Notification/NotificationInitializer";
 import { AuthProvider } from "@/context/AuthContext";
-import { NotificationProvider } from "@/hooks/use-notification-store";
 import AppRoot from "@/screens/RootLayout/AppRoot";
 import "react-native-gesture-handler";
 import { SafeAreaProvider } from "react-native-safe-area-context";