upd: edit profile

Deskripsi:
- view edit profile
- component ui profile

No Issues

src/module/user/profile/view/view_profile.tsx

@@ -1,17 +1,18 @@
-import { LayoutNavbarHome, WARNA } from "@/module/_global";
-import { ActionIcon, Anchor, Box, Flex, Group, Stack, Text } from "@mantine/core";
+import { LayoutIconBack, LayoutNavbarHome, WARNA } from "@/module/_global";
+import { ActionIcon, Anchor, Box, Button, Flex, Group, Stack, Text } from "@mantine/core";
 import { BsInfo } from "react-icons/bs";
 import { HiUser } from "react-icons/hi2";
 import { RiIdCardFill } from "react-icons/ri";
 import { FaSquarePhone } from "react-icons/fa6";
 import { MdEmail } from "react-icons/md";
+import { InfoTitleProfile } from "../component/ui/ui_profile";
 
 export default function ViewProfile() {
    return (
       <>
          <LayoutNavbarHome>
             <Group justify="space-between">
-               <Text fw={'bold'} c={'white'}>Profile</Text>
+               <LayoutIconBack />
                <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Info">
                   <BsInfo size={20} color='white' />
                </ActionIcon>
@@ -27,29 +28,24 @@ export default function ViewProfile() {
             </Stack>
          </LayoutNavbarHome>
          <Box p={20}>
-            <Group justify="space-between" grow py={5}>
-               <Text fw={'bold'} fz={20}>Informasi</Text>
-               <Anchor href="profile/edit" ta={"right"}>
-                  Edit
-               </Anchor>
-            </Group>
+            <InfoTitleProfile />
             <Group justify="space-between" grow py={5}>
                <Group>
-                  <RiIdCardFill size={28}/>
+                  <RiIdCardFill size={28} />
                   <Text fz={18}>NIK</Text>
                </Group>
                <Text fz={18} fw={'bold'} ta={"right"}>513177782899</Text>
             </Group>
             <Group justify="space-between" grow py={5}>
                <Group>
-                  <FaSquarePhone size={28}/>
+                  <FaSquarePhone size={28} />
                   <Text fz={18}>NoTelepon</Text>
                </Group>
                <Text fz={18} fw={'bold'} ta={"right"}>+62038939293</Text>
             </Group>
             <Group justify="space-between" grow py={5}>
                <Group>
-                  <MdEmail size={28}/>
+                  <MdEmail size={28} />
                   <Text fz={18}>Email</Text>
                </Group>
                <Text fz={18} fw={'bold'} ta={"right"}>marcel@gmail.com</Text>