Admin Collaboration

Add:
- collaboration/[id]

Fix: tampilan UI
- admin/collaboration: publish, group, reject

### No Issue

components/_ShareComponent/Admin/BoxDashboard.tsx

@@ -3,7 +3,7 @@ import CircleContainer from "@/components/Container/CircleContainer";
 import Grid from "@/components/Grid/GridCustom";
 import StackCustom from "@/components/Stack/StackCustom";
 import TextCustom from "@/components/Text/TextCustom";
-import { MainColor } from "@/constants/color-palet";
+import { AccentColor, MainColor } from "@/constants/color-palet";
 
 interface BoxDashboardProps {
   item: {
@@ -37,7 +37,7 @@ export default function AdminComp_BoxDashboard({ item }: BoxDashboardProps) {
             span={3}
             style={{ alignItems: "flex-start", justifyContent: "center" }}
           >
-            <CircleContainer icon={item.icon} />
+            <CircleContainer style={{ backgroundColor: MainColor.white, borderColor: AccentColor.blue }} icon={item.icon} />
           </Grid.Col>
         </Grid>
       </BaseBox>

components/_ShareComponent/Admin/TableTitle.tsx

@@ -0,0 +1,28 @@
+import Grid from "@/components/Grid/GridCustom";
+import TextCustom from "@/components/Text/TextCustom";
+
+export default function AdminTitleTable({
+  title1,
+  title2,
+  title3,
+}: {
+  title1: string;
+  title2: string;
+  title3: string;
+}) {
+  return (
+    <>
+      <Grid>
+        <Grid.Col span={3} style={{ alignItems: "center", justifyContent: "center" }}>
+          <TextCustom bold align="center">{title1}</TextCustom>
+        </Grid.Col>
+        <Grid.Col span={3} style={{ alignItems: "center", justifyContent: "center" }}>
+          <TextCustom bold align="center">{title2}</TextCustom>
+        </Grid.Col>
+        <Grid.Col span={6} style={{ alignItems: "center", justifyContent: "center" }}>
+          <TextCustom bold align="center">{title3}</TextCustom>
+        </Grid.Col>
+      </Grid>
+    </>
+  );
+}

components/_ShareComponent/Admin/TableValue.tsx

@@ -0,0 +1,56 @@
+import Grid from "@/components/Grid/GridCustom";
+import React from "react";
+import { View } from "react-native";
+import { Divider } from "react-native-paper";
+
+export default function AdminTableValue({
+  value1,
+  value2,
+  value3,
+}: {
+  value1: React.ReactNode;
+  value2: React.ReactNode;
+  value3: React.ReactNode;
+}) {
+  return (
+    <>
+      <View style={{ paddingVertical: 5 }}>
+        <Grid>
+          <Grid.Col
+            span={3}
+            style={{
+              alignItems: "center",
+              justifyContent: "center",
+              paddingLeft: 5,
+              paddingRight: 5,
+            }}
+          >
+            {value1}
+          </Grid.Col>
+          <Grid.Col
+            span={3}
+            style={{
+              alignItems: "center",
+              justifyContent: "center",
+              paddingLeft: 5,
+              paddingRight: 5,
+            }}
+          >
+            {value2}
+          </Grid.Col>
+          <Grid.Col
+            span={6}
+            style={{
+              justifyContent: "center",
+              paddingLeft: 5,
+              paddingRight: 5,
+            }}
+          >
+            {value3}
+          </Grid.Col>
+        </Grid>
+        <Divider />
+      </View>
+    </>
+  );
+}

components/_ShareComponent/Admin/TitlePage.tsx

@@ -0,0 +1,11 @@
+import TextCustom from "@/components/Text/TextCustom";
+
+export default function AdminTitlePage({ title }: { title: string }) {
+  return (
+    <>
+      <TextCustom bold size={30}>
+        {title}
+      </TextCustom>
+    </>
+  );
+}