Refresh control dan Blockir user di forum

### No Issue

screens/Home/homeViewStyle.tsx

@@ -59,11 +59,30 @@ export const stylesHome = StyleSheet.create({
     borderWidth: 2,
     borderColor: AccentColor.blue,
   },
+  gridItemInactive: {
+    width: "46%",
+    height: "100%",
+    aspectRatio: 1,
+    backgroundColor: MainColor.darkblue,
+    borderRadius: 8,
+    padding: 16,
+    alignItems: "center",
+    justifyContent: "center",
+    marginVertical: 8,
+    borderWidth: 2,
+    borderColor: AccentColor.blue,
+    opacity: 0.7,
+  },
   gridLabel: {
     marginTop: 8,
     color: "white",
     fontWeight: "bold",
   },
+  gridLabelInactive: {
+    marginTop: 8,
+    color: "gray",
+    fontWeight: "bold",
+  },
   jobVacancyContainer: {
     backgroundColor: MainColor.darkblue,
     borderRadius: 8,

screens/Home/topFeatureSection.tsx

@@ -9,21 +9,25 @@ export default function Home_FeatureSection() {
       name: "Event",
       icon: <Ionicons name="analytics" size={48} color="white" />,
       onPress: () => router.push("/(application)/(user)/event/(tabs)"),
+      status: "active",
     },
     {
       name: "Collaboration",
-      icon: <Ionicons name="share" size={48} color="white" />,
+      icon: <Ionicons name="share" size={48} color="gray" />,
       onPress: () => router.push("/(application)/(user)/collaboration/(tabs)"),
+      status: "inactive",
     },
     {
       name: "Voting",
       icon: <Ionicons name="cube" size={48} color="white" />,
       onPress: () => router.push("/(application)/(user)/voting/(tabs)"),
+      status: "active",
     },
     {
       name: "Crowdfunding",
       icon: <Ionicons name="heart" size={48} color="white" />,
       onPress: () => router.push("/(application)/(user)/crowdfunding"),
+      status: "active",
     },
   ];
 
@@ -33,11 +37,12 @@ export default function Home_FeatureSection() {
         {listFeature.map((item, index) => (
           <TouchableOpacity
             key={index}
-            style={stylesHome.gridItem}
+            style={item.status === "inactive" ? stylesHome.gridItemInactive : stylesHome.gridItem}
             onPress={item.onPress}
+            disabled={item.status === "inactive"}
           >
             {item.icon}
-            <Text style={stylesHome.gridLabel}>{item.name}</Text>
+            <Text style={item.status === "inactive" ? stylesHome.gridLabelInactive : stylesHome.gridLabel}>{item.name}</Text>
           </TouchableOpacity>
         ))}
       </View>