Integrasi Admin: User Acces & Super Admin

Add:
- admin/super-admin/
- admin/user-access/
- service/api-admin/

Fix:
- (user)/profile/[id]/index: penambahan useData dari useAuthuntuk merestart value masterRole
- integrasi pada tampilan admin

### No Issue

components/_ShareComponent/GridViewCustomSpan.tsx

@@ -1,4 +1,5 @@
 import { Grid } from "@/components";
+import { StyleProp, ViewStyle } from "react-native";
 
 export const GridViewCustomSpan = ({
   span1,
@@ -7,31 +8,52 @@ export const GridViewCustomSpan = ({
   component1,
   component2,
   component3,
+  style1,
+  style2,
+  style3,
 }: {
-  span1: number;
-  span2: number;
-  span3: number;
+  span1?: number;
+  span2?: number;
+  span3?: number;
   component1: React.ReactNode;
   component2: React.ReactNode;
   component3: React.ReactNode;
+  style1?: StyleProp<ViewStyle>;
+  style2?: StyleProp<ViewStyle>;
+  style3?: StyleProp<ViewStyle>;
 }) => {
   return (
     <Grid>
       <Grid.Col
         span={span1 || 4}
-        style={{ justifyContent: "center", paddingRight: 5, paddingLeft: 5 }}
+        style={{
+          justifyContent: "center",
+          paddingRight: 10,
+          paddingLeft: 10,
+          ...(style1 as object)
+        } as ViewStyle}
       >
         {component1}
       </Grid.Col>
       <Grid.Col
         span={span2 || 4}
-        style={{ justifyContent: "center", paddingRight: 5, paddingLeft: 5 }}
+        style={{
+          justifyContent: "center",
+          paddingRight: 10,
+          paddingLeft: 10,
+          ...(style2 as object)
+        } as ViewStyle}
       >
         {component2}
       </Grid.Col>
       <Grid.Col
         span={span3 || 4}
-        style={{ justifyContent: "center", paddingRight: 5, paddingLeft: 5 }}
+        style={{
+          justifyContent: "center",
+          paddingRight: 10,
+          paddingLeft: 10,
+          ...(style3 as object)
+        } as ViewStyle}
       >
         {component3}
       </Grid.Col>