feature & fix

deskripsi:
feature:
- floating button
- Forum create

fix:
- Base box
- Avatar : penambahan onPres & href
- Text custom : penambahan warna props green
- Text Area : penambhaan hight
- ViewWrapper : penambahan props floating
# No Issue "

app/(application)/(user)/forum/index.tsx

@@ -1,10 +1,47 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  AvatarCustom,
+  BackButton,
+  TextInputCustom,
+  ViewWrapper
+} from "@/components";
+import FloatingButton from "@/components/Button/FloatingButton";
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import Forum_BerandaSection from "@/screens/Forum/berandaSection";
+import { Ionicons } from "@expo/vector-icons";
+import { router, Stack } from "expo-router";
 
 export default function Forum() {
   return (
     <>
-      <ViewWrapper>
-        <TextCustom>Forum</TextCustom>
+      <Stack.Screen
+        options={{
+          title: "Forum",
+          headerLeft: () => <BackButton />,
+          headerRight: () => <AvatarCustom />,
+        }}
+      />
+
+      <ViewWrapper
+        headerComponent={
+          <TextInputCustom
+            iconLeft={
+              <Ionicons
+                name="search-outline"
+                size={ICON_SIZE_SMALL}
+                color={MainColor.placeholder}
+              />
+            }
+            placeholder="Cari topik forum..."
+            borderRadius={50}
+            containerStyle={{ marginBottom: 0 }}
+          />
+        }
+        floatingButton={
+          <FloatingButton onPress={() => router.navigate("/(application)/(user)/forum/create")} />
+        }
+      >
+        <Forum_BerandaSection />
       </ViewWrapper>
     </>
   );