Admin User Access

Add:
- admin/user-access.tsx

### No Issue

components/_ShareComponent/Admin/BoxTitlePage.tsx

@@ -1,15 +1,51 @@
 import BaseBox from "@/components/Box/BaseBox";
+import Grid from "@/components/Grid/GridCustom";
 import TextCustom from "@/components/Text/TextCustom";
 import { TEXT_SIZE_LARGE } from "@/constants/constans-value";
 
-export default function AdminComp_BoxTitle({ title , rightComponent}: { title: string , rightComponent?: React.ReactNode}) {
+export default function AdminComp_BoxTitle({
+  title,
+  rightComponent,
+}: {
+  title: string;
+  rightComponent?: React.ReactNode;
+}) {
   return (
     <>
-      <BaseBox style={{ flexDirection: "row", justifyContent: "space-between" }}>
-        <TextCustom style={{ alignSelf: "center" }} bold size={TEXT_SIZE_LARGE}>
+      <BaseBox
+        style={{ flexDirection: "row", justifyContent: "space-between" }}
+        paddingTop={5}
+        paddingBottom={5}
+      >
+        {/* <TextCustom
+          // style={{ alignSelf: "center" }}
+          bold
+          size={TEXT_SIZE_LARGE}
+        >
           {title}
         </TextCustom>
-        {rightComponent}
+        {rightComponent} */}
+
+        <Grid>
+          <Grid.Col span={6} style={{ justifyContent: "center" }}>
+            <TextCustom
+              // style={{ alignSelf: "center" }}
+              bold
+              size={TEXT_SIZE_LARGE}
+            >
+              {title}
+            </TextCustom>
+          </Grid.Col>
+          <Grid.Col
+            span={6}
+            style={{
+              justifyContent: "center",
+              alignItems: "flex-end",
+            }}
+          >
+            {rightComponent}
+          </Grid.Col>
+        </Grid>
       </BaseBox>
     </>
   );