Admin Forum

Add:
- admin/forum/report-posting
- admin/forum/report-comment
- admin/forum/posting
- admin/forum/[id]

Component
Fix:
- screens/Admin/listPageAdmin
- app/(application)/admin/_layout
- Admin/TitlePage
- Admin/BackButtonAntTitle
- Admin/BoxTitlePage

Package Install
Add:
- react-native-toast-message: untuk menampilkan toast

### No Issue

components/_ShareComponent/Admin/BackButtonAntTitle.tsx

@@ -1,12 +1,13 @@
 import Grid from "@/components/Grid/GridCustom";
 import TextCustom from "@/components/Text/TextCustom";
-import { View } from "react-native";
 import AdminBackButton from "./BackButton";
 
 export default function AdminBackButtonAntTitle({
   title,
+  rightComponent,
 }: {
   title: string;
+  rightComponent?: React.ReactNode;
 }) {
   return (
     <>
@@ -22,8 +23,8 @@ export default function AdminBackButtonAntTitle({
               {title}
             </TextCustom>
           </Grid.Col>
-          <Grid.Col span={2}>
-            <View />
+          <Grid.Col span={2} style={{ alignItems: "flex-end" }}>
+            {rightComponent}
           </Grid.Col>
         </Grid>
       </>

components/_ShareComponent/Admin/BoxTitlePage.tsx

@@ -17,17 +17,8 @@ export default function AdminComp_BoxTitle({
         paddingTop={5}
         paddingBottom={5}
       >
-        {/* <TextCustom
-          // style={{ alignSelf: "center" }}
-          bold
-          size={TEXT_SIZE_LARGE}
-        >
-          {title}
-        </TextCustom>
-        {rightComponent} */}
-
         <Grid>
-          <Grid.Col span={6} style={{ justifyContent: "center" }}>
+          <Grid.Col span={rightComponent ? 6 : 12} style={{ justifyContent: "center" }}>
             <TextCustom
               // style={{ alignSelf: "center" }}
               bold
@@ -36,15 +27,17 @@ export default function AdminComp_BoxTitle({
               {title}
             </TextCustom>
           </Grid.Col>
-          <Grid.Col
-            span={6}
-            style={{
-              justifyContent: "center",
-              alignItems: "flex-end",
-            }}
-          >
-            {rightComponent}
-          </Grid.Col>
+          {rightComponent && (
+            <Grid.Col
+              span={6}
+              style={{
+                justifyContent: "center",
+                alignItems: "flex-end",
+              }}
+            >
+              {rightComponent}
+            </Grid.Col>
+          )}
         </Grid>
       </BaseBox>
     </>

components/_ShareComponent/Admin/TitlePage.tsx

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

components/_ShareComponent/GridDetail_4_8.tsx

@@ -0,0 +1,20 @@
+import { Grid } from "@/components";
+
+export const GridDetail_4_8 = ({
+    label,
+    value,
+}: {
+    label: React.ReactNode;
+    value: React.ReactNode;
+}) => {
+    return (
+        <Grid>
+            <Grid.Col span={4} style={{ justifyContent: "center", paddingRight: 10 }}>
+                {label}
+            </Grid.Col>
+            <Grid.Col span={8} style={{ justifyContent: "center" }}>
+                {value}
+            </Grid.Col>
+        </Grid>
+    );
+};