Admin

Add:
- screens/Admin/
- admin/notification/

Component
Add:
-  components/_ShareComponent/GridSectionView.tsx

### No Issue

components/Drawer/MenuDrawerDynamicGird.tsx

@@ -7,6 +7,7 @@ import { Href } from "expo-router";
 type IMenuDrawerItemProps = {
     icon: React.ReactNode;
     label: string;
+    value?: string;
     path?: Href;
     color?: string;
 }

components/Drawer/NavbarMenu.tsx

@@ -51,34 +51,34 @@ export default function NavbarMenu({ items, onClose }: NavbarMenuProps) {
     );
   };
 
- return (
-   <View
-     style={{
-      //  flex: 1,
-      //  backgroundColor: MainColor.black,
-       marginBottom: 20,
-     }}
-   >
-     <ScrollView
-       contentContainerStyle={{
-         paddingVertical: 10, // Opsional: tambahkan padding
-       }}
-      //  showsVerticalScrollIndicator={false} // Opsional: sembunyikan indikator scroll
-     >
-       {items.map((item) => (
-         <MenuItem
-           key={item.label}
-           item={item}
-           onClose={onClose}
-           activeLink={activeLink}
-           setActiveLink={setActiveLink}
-           isOpen={openKeys.includes(item.label)}
-           toggleOpen={() => toggleOpen(item.label)}
-         />
-       ))}
-     </ScrollView>
-   </View>
- );
+  return (
+    <View
+      style={{
+        //  flex: 1,
+        //  backgroundColor: MainColor.black,
+        marginBottom: 20, 
+      }}
+    >
+      <ScrollView
+        contentContainerStyle={{
+          paddingVertical: 10, // Opsional: tambahkan padding
+        }}
+        //  showsVerticalScrollIndicator={false} // Opsional: sembunyikan indikator scroll
+      >
+        {items.map((item) => (
+          <MenuItem
+            key={item.label}
+            item={item}
+            onClose={onClose}
+            activeLink={activeLink}
+            setActiveLink={setActiveLink}
+            isOpen={openKeys.includes(item.label)}
+            toggleOpen={() => toggleOpen(item.label)}
+          />
+        ))}
+      </ScrollView>
+    </View>
+  );
 }
 
 // Komponen Item Menu

components/_ShareComponent/GridSectionView.tsx

@@ -0,0 +1,25 @@
+import Grid from "../Grid/GridCustom";
+
+export default function GridComponentView({
+  leftIcon,
+  children,
+  rightIcon,
+}: {
+  leftIcon?: React.ReactNode;
+  children: React.ReactNode;
+  rightIcon?: React.ReactNode;
+}) {
+  return (
+    <Grid containerStyle={{ marginBottom: 0 }}>
+      <Grid.Col span={1} style={{ justifyContent: "center" }}>
+        {leftIcon}
+      </Grid.Col>
+      <Grid.Col span={10} style={{ justifyContent: "center" }}>
+        {children}
+      </Grid.Col>
+      <Grid.Col span={1} style={{ justifyContent: "center" }}>
+        {rightIcon}
+      </Grid.Col>
+    </Grid>
+  );
+}

components/index.ts

@@ -55,6 +55,7 @@ import TabBarBackground from "./_ShareComponent/TabBarBackground";
 import ViewWrapper from "./_ShareComponent/ViewWrapper";
 import SearchInput from "./_ShareComponent/SearchInput";
 import DummyLandscapeImage from "./_ShareComponent/DummyLandscapeImage";
+import GridComponentView from "./_ShareComponent/GridSectionView";
 // Progress
 import ProgressCustom from "./Progress/ProgressCustom";
 
@@ -107,6 +108,7 @@ export {
   // ShareComponent
   SearchInput,
   DummyLandscapeImage,
+  GridComponentView,
   Spacing,
   // Stack
   StackCustom,