implement redux toolkit for manage globle state

src/screens/home/GroupsTabs.tsx

@@ -24,17 +24,13 @@ const API_URL = "https://api.godemo.in/FundCollect/api/fund/getAll/my/groups";
 const TOKEN =
   "Bearer eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiI2MjY1MjI5MzcxIiwidXNlcklkIjoiMTAwMDAxIiwiaWF0IjoxNzU4MDAyOTkxLCJleHAiOjE3NTgwODkzOTF9.mMRPsULcvdfdCrJJBDjnT2okE3dJsTn42JBqi_vP0Xk";
 
-// ✅ Group Card
 const GroupCard = ({ item }: { item: any }) => {
   const [expanded, setExpanded] = useState(false);
-
   const toggleExpand = () => {
     LayoutAnimation.easeInEaseOut();
     setExpanded(!expanded);
   };
-
   const initial = item.groupName ? item.groupName.charAt(0).toUpperCase() : "?";
-
   return (
     <View style={styles.groupCard}>
       <View style={styles.groupLeft}>

src/screens/home/Home.tsx

@@ -12,32 +12,27 @@ import UserProfileStatus from "./UserProfileStatus";
 import colors from "../../components/colors";
 import { Ionicons } from "@react-native-vector-icons/ionicons";
 import GroupsTabs from "./GroupsTabs";
-
 // Enable animation for Android
 if (Platform.OS === "android" && UIManager.setLayoutAnimationEnabledExperimental) {
   UIManager.setLayoutAnimationEnabledExperimental(true);
 }
-
-
 const Home = () => {
   return (
     <AppView barStyle="dark-content">
-        {/* Header */}
-        <View style={styles.header}>
-          <Text style={styles.greeting}>Hello, Pooja 👋</Text>
-          <TouchableOpacity>
-            <Ionicons
-              name="person-circle-outline"
-              size={40}
-              color={colors.primary}
-            />
-          </TouchableOpacity>
-        </View>
-
-        {/* Status */}
-        <UserProfileStatus />
-        <GroupsTabs />
-
+      {/* Header */}
+      <View style={styles.header}>
+        <Text style={styles.greeting}>Hello, Pooja 👋</Text>
+        <TouchableOpacity>
+          <Ionicons
+            name="person-circle-outline"
+            size={40}
+            color={colors.primary}
+          />
+        </TouchableOpacity>
+      </View>
+      {/* Status */}
+      <UserProfileStatus />
+      <GroupsTabs />
     </AppView>
   );
 };
@@ -45,7 +40,7 @@ const Home = () => {
 export default Home;
 
 const styles = StyleSheet.create({
-  container: { },
+  container: {},
   header: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -53,6 +48,6 @@ const styles = StyleSheet.create({
     marginBottom: 12,
   },
   greeting: { fontSize: 22, fontWeight: "600", color: colors.textDark },
-  
-  
+
+
 });