style : update home

Deskrips :
l- add view detail feature
- add view home

No issue

src/module/home/components/features.tsx

@@ -28,7 +28,7 @@ export default function Features() {
               <Text fz={15} c={WARNA.biruTua}>Divisi</Text>
             </Center>
           </Box>
-          <Box>
+          <Box onClick={() => router.push('/project')}>
             <Center>
               <ActionIcon variant="gradient"
                 size={68}

src/module/home/components/ui/icon_navbar.tsx

@@ -0,0 +1,26 @@
+"use client"
+import { WARNA } from '@/module/_global';
+import { ActionIcon, Box, Group } from '@mantine/core';
+import { useRouter } from 'next/navigation';
+import React from 'react';
+import { HiMagnifyingGlass, HiOutlineBell, HiOutlineUser } from 'react-icons/hi2';
+
+export default function IconNavbar() {
+  const router = useRouter()
+  return (
+    <Box>
+      <Group>
+        <ActionIcon onClick={()=> router.push('/search')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+          <HiMagnifyingGlass size={20} color='white' />
+        </ActionIcon>
+        <ActionIcon onClick={()=> router.push('/notification')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+          <HiOutlineBell size={20} color='white' />
+        </ActionIcon>
+        <ActionIcon onClick={()=> router.push('/profile')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+          <HiOutlineUser size={20} color='white' />
+        </ActionIcon>
+      </Group>
+    </Box>
+  );
+}
+

src/module/home/view/view_detail_feature.tsx

@@ -6,6 +6,7 @@ import { HiMiniUserGroup, HiMiniPresentationChartBar, HiMegaphone, HiSquares2X2,
 import { PiUsersFourFill } from "react-icons/pi";
 import { FaUsersRays, FaUserTie } from "react-icons/fa6";
 import { useRouter } from 'next/navigation';
+import LayoutIconBack from '@/module/_global/layout/layout_icon_back';
 
 export default function ViewDetailFeature() {
   const router = useRouter()
@@ -14,9 +15,7 @@ export default function ViewDetailFeature() {
       <LayoutNavbarHome>
         <Grid justify='center' align='center'>
           <Grid.Col span="auto">
-            <ActionIcon variant="light" onClick={() => router.push('/home')} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+            <LayoutIconBack back='/home' />
-              <HiChevronLeft size={20} color='white' />
-            </ActionIcon>
           </Grid.Col>
           <Grid.Col span={6}>
             <Text ta={'center'} fw={'bold'} c={'white'} >SEMUA FITUR</Text>
@@ -43,7 +42,7 @@ export default function ViewDetailFeature() {
                 <Text fz={15} c={WARNA.biruTua}>Divisi</Text>
               </Center>
             </Box>
-            <Box>
+            <Box onClick={() => router.push('/project')}>
               <Center>
                 <ActionIcon variant="gradient"
                   size={68}
@@ -85,7 +84,7 @@ export default function ViewDetailFeature() {
                 <Text fz={15} c={WARNA.biruTua}>Anggota</Text>
               </Center>
             </Box>
-            <Box>
+            <Box onClick={() => router.push('/group')}>
               <Center>
                 <ActionIcon variant="gradient"
                   size={68}
@@ -99,7 +98,7 @@ export default function ViewDetailFeature() {
                 <Text fz={15} c={WARNA.biruTua}>Group</Text>
               </Center>
             </Box>
-            <Box>
+            <Box onClick={() => router.push('/position')}>
               <Center>
                 <ActionIcon variant="gradient"
                   size={68}

src/module/home/view/view_home.tsx

@@ -1,30 +1,20 @@
 import { LayoutNavbarHome, WARNA } from '@/module/_global';
-import { ActionIcon, Box, Group, rem, Stack, Text } from '@mantine/core';
+import { ActionIcon, Anchor, Box, Group, rem, Stack, Text } from '@mantine/core';
 import React from 'react';
 import { HiMagnifyingGlass, HiOutlineBell, HiOutlineUser } from "react-icons/hi2";
 import Carosole from '../components/carosole';
 import Features from '../components/features';
-// import { useRouter } from 'next/navigation';
+import IconNavbar from '../components/ui/icon_navbar';
+
 
 
 export default function ViewHome() {
-  // const router = useRouter()
   return (
     <>
       <LayoutNavbarHome>
         <Group justify='space-between'>
           <Text fw={'bold'} c={'white'} >Perbekal Darmasaba</Text>
-          <Group>
+          <IconNavbar/>
-            {/* <ActionIcon onClick={() => router.push('/search')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
-              <HiMagnifyingGlass size={20} color='white' />
-            </ActionIcon> */}
-            <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
-              <HiOutlineBell size={20} color='white' />
-            </ActionIcon>
-            <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
-              <HiOutlineUser size={20} color='white' />
-            </ActionIcon>
-          </Group>
         </Group>
       </LayoutNavbarHome>
       <Box p={20}>