Collacoration

Add :
- collaboration page
- collaboration component

Component
Fix:
- Base box : tambah props background

# No Issue

app/(application)/(user)/_layout.tsx

@@ -107,6 +107,25 @@ export default function UserLayout() {
             headerLeft: () => <BackButton />,
           }}
         />
+        {/* ========== End Event Section ========= */}
+
+        {/* ========== Collaboration Section ========= */}
+        <Stack.Screen
+          name="collaboration/(tabs)"
+          options={{
+            title: "Collaboration",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+        <Stack.Screen
+          name="collaboration/create"
+          options={{
+            title: "Tambah Proyek",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+
+        {/* ========== End Collaboration Section ========= */}
 
         {/* ========== Forum Section ========= */}
         <Stack.Screen
@@ -127,7 +146,7 @@ export default function UserLayout() {
           name="forum/[id]/forumku"
           options={{
             title: "Forumku",
-            headerLeft: () => <BackButton icon={'close'} />,
+            headerLeft: () => <BackButton icon={"close"} />,
           }}
         />
         <Stack.Screen

app/(application)/(user)/collaboration/(tabs)/_layout.tsx

@@ -0,0 +1,37 @@
+import { TabsStyles } from "@/styles/tabs-styles";
+import { Ionicons } from "@expo/vector-icons";
+import { Tabs } from "expo-router";
+
+export default function CollaborationTabsLayout() {
+  return (
+    <Tabs screenOptions={TabsStyles}>
+      <Tabs.Screen
+        name="index"
+        options={{
+          title: "Beranda",
+          tabBarIcon: ({ color }) => (
+            <Ionicons size={20} name="home" color={color} />
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="participans"
+        options={{
+          title: "Participans",
+          tabBarIcon: ({ color }) => (
+            <Ionicons size={20} name="people" color={color} />
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="group"
+        options={{
+          title: "Group",
+          tabBarIcon: ({ color }) => (
+            <Ionicons size={20} name="chatbox-ellipses" color={color} />
+          ),
+        }}
+      />
+    </Tabs>
+  );
+}

app/(application)/(user)/collaboration/(tabs)/group.tsx

@@ -0,0 +1,10 @@
+import { TextCustom } from "@/components";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+
+export default function CollaborationGroup() {
+  return (
+    <ViewWrapper>
+      <TextCustom>CollaborationGroup</TextCustom>
+    </ViewWrapper>
+  );
+}

app/(application)/(user)/collaboration/(tabs)/index.tsx

@@ -0,0 +1,29 @@
+import {
+    FloatingButton,
+    ViewWrapper
+} from "@/components";
+import Collaboration_BoxPublishSection from "@/screens/Collaboration/BoxPublishSection";
+import { router } from "expo-router";
+
+export default function CollaborationBeranda() {
+  return (
+    <ViewWrapper
+      hideFooter
+      floatingButton={
+        <FloatingButton
+          onPress={() => {
+            router.push("/collaboration/create")
+          }}
+        />
+      }
+    >
+      {Array.from({ length: 10 }).map((_, index) => (
+        <Collaboration_BoxPublishSection
+          key={index}
+          id={index.toString()}
+          href={`/collaboration`}
+        />
+      ))}
+    </ViewWrapper>
+  );
+}

app/(application)/(user)/collaboration/(tabs)/participans.tsx

@@ -0,0 +1,10 @@
+import { TextCustom } from "@/components";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+
+export default function CollaborationParticipans() {
+  return (
+    <ViewWrapper>
+      <TextCustom>CollaborationParticipans</TextCustom>
+    </ViewWrapper>
+  );
+}

app/(application)/(user)/collaboration/create.tsx

@@ -0,0 +1,11 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function CollaborationCreate() {
+  return (
+    <ViewWrapper>
+      <TextCustom bold size="xlarge">
+        Tambah Koleksi
+      </TextCustom>
+    </ViewWrapper>
+  );
+}