Collaboration Mobile API

Add:
- /admin/collaboration/[id]/reject-input.tsx
- /api-admin/api-admin-collaboration.ts

Fix:
- Integrasi ke tampilan UI
app/(application)/admin/collaboration/[id]/[status].tsx
app/(application)/admin/collaboration/index.tsx
app/(application)/admin/collaboration/publish.tsx
components/_ShareComponent/Admin/TableTitle.tsx
components/_ShareComponent/Admin/TableValue.tsx

### No Issue

app/(application)/admin/collaboration/index.tsx

@@ -2,14 +2,45 @@ import { StackCustom, ViewWrapper } from "@/components";
 import AdminComp_BoxDashboard from "@/components/_ShareComponent/Admin/BoxDashboard";
 import AdminTitlePage from "@/components/_ShareComponent/Admin/TitlePage";
 import { MainColor } from "@/constants/color-palet";
+import { apiAdminCollaboration } from "@/service/api-admin/api-admin-collaboration";
 import { Entypo, FontAwesome } from "@expo/vector-icons";
+import { useFocusEffect } from "expo-router";
+import { useCallback, useState } from "react";
 
 export default function AdminCollaboration() {
+  const [list, setList] = useState<any | null>(null);
+  const [loadList, setLoadList] = useState(false);
+
+  useFocusEffect(
+    useCallback(() => {
+      handlerLoadList();
+    }, [])
+  );
+
+  const handlerLoadList = async () => {
+    try {
+      setLoadList(true);
+      const response = await apiAdminCollaboration({
+        category: "dashboard",
+      });
+
+      console.log("[RESPONSE]", JSON.stringify(response, null, 2));
+
+      if (response.success) {
+        setList(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadList(false);
+    }
+  };
+
   return (
     <>
       <ViewWrapper headerComponent={<AdminTitlePage title="Collaboration" />}>
         <StackCustom gap={"xs"}>
-          {listData.map((item, i) => (
+          {listData(list as any).map((item, i) => (
             <AdminComp_BoxDashboard key={i} item={item} />
           ))}
         </StackCustom>
@@ -18,20 +49,23 @@ export default function AdminCollaboration() {
   );
 }
 
-const listData = [
-  {
-    label: "Publish",
-    value: 4,
-    icon: <Entypo name="publish" size={25} color={MainColor.green} />,
-  },
-  {
-    label: "Group",
-    value: 7,
-    icon: <FontAwesome name="group" size={25} color={MainColor.yellow} />,
-  },
-  {
-    label: "Reject",
-    value: 7,
-    icon: <FontAwesome name="warning" size={25} color={MainColor.red} />,
-  },
-];
+const listData = (list: any) => {
+  console.log("[LIST masuk]", JSON.stringify(list, null, 2));
+  return [
+    {
+      label: "Publish",
+      value: (list && list?.publish) || "0",
+      icon: <Entypo name="publish" size={25} color={MainColor.green} />,
+    },
+    {
+      label: "Group",
+      value: (list && list?.group) || "0",
+      icon: <FontAwesome name="group" size={25} color={MainColor.yellow} />,
+    },
+    {
+      label: "Reject",
+      value: (list && list?.reject) || "0",
+      icon: <FontAwesome name="warning" size={25} color={MainColor.red} />,
+    },
+  ];
+};