upd: caching data

Deskripsi:
- update caching pada fitur utama -yg fitur divisi belom

components/home/carouselHome2.tsx

@@ -5,7 +5,8 @@ import { setEntities } from "@/lib/bannerSlice";
 import { setEntityUser } from "@/lib/userSlice";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { useTheme } from "@/providers/ThemeProvider";
-import { AntDesign, Feather, FontAwesome5, Ionicons, MaterialCommunityIcons, MaterialIcons, } from "@expo/vector-icons";
+import { Feather, Ionicons } from "@expo/vector-icons";
+import { useQuery } from "@tanstack/react-query";
 import { router } from "expo-router";
 import React, { useEffect } from "react";
 import { Dimensions, Image, View } from "react-native";
@@ -23,37 +24,44 @@ export default function CaraouselHome2({ refreshing }: { refreshing: boolean })
    const progress = useSharedValue<number>(0);
    const dispatch = useDispatch()
    const entities = useSelector((state: any) => state.banner)
-   const entityUser = useSelector((state: any) => state.user)
 
-   async function handleBannerView() {
-      const hasil = await decryptToken(String(token?.current))
-      apiGetBanner({ user: hasil }).then((data) => {
-         if (data.data.length > 0) {
-            dispatch(setEntities(data.data))
-         } else {
-            dispatch(setEntities([]))
-         }
-      })
-   }
+   // Query for Banners
+   const { data: banners } = useQuery({
+      queryKey: ['banners'],
+      queryFn: async () => {
+         const hasil = await decryptToken(String(token?.current))
+         const data = await apiGetBanner({ user: hasil })
+         return data.data || []
+      },
+      enabled: !!token?.current,
+      staleTime: 0,
+   })
 
-   async function handleUser() {
-      const hasil = await decryptToken(String(token?.current))
-      const response = await apiGetProfile({ id: hasil })
-      dispatch(setEntityUser({ role: response.data.idUserRole, admin: false }))
-   }
+   // Query for Profile (Role Check)
+   const { data: profile } = useQuery({
+      queryKey: ['profile'], // Shares same key as Home.tsx
+      queryFn: async () => {
+         const hasil = await decryptToken(String(token?.current))
+         const data = await apiGetProfile({ id: hasil })
+         return data.data
+      },
+      enabled: !!token?.current,
+      staleTime: 0,
+   })
 
+   // Sync Banners to Redux
    useEffect(() => {
-      if (refreshing)
-         handleBannerView()
-   }, [refreshing]);
+      if (banners) {
+         dispatch(setEntities(banners))
+      }
+   }, [banners, dispatch])
 
+   // Sync User Role to Redux
    useEffect(() => {
-      handleBannerView()
-   }, [dispatch]);
-
-   useEffect(() => {
-      handleUser()
-   }, []);
+      if (profile) {
+         dispatch(setEntityUser({ role: profile.idUserRole, admin: false }))
+      }
+   }, [profile, dispatch])
 
    return (
       <View