upd: pembatasan user

Deskripsi:
- menyimpan role pada variable global
- pembatasan pada position
- pembatasan pada fitur home
- memasang log user pada position

No Issues

src/module/home/ui/view_detail_feature.tsx

@@ -1,14 +1,16 @@
 'use client'
-import { LayoutNavbarNew, WARNA } from '@/module/_global';
+import { globalRole, LayoutNavbarNew, WARNA } from '@/module/_global';
 import { ActionIcon, Box, Center, SimpleGrid, Text } from '@mantine/core';
 import React from 'react';
 import { HiMiniUserGroup, HiMiniPresentationChartBar, HiMegaphone, HiSquares2X2, HiChevronLeft, HiUserGroup, HiUsers } from "react-icons/hi2";
 import { PiUsersFourFill } from "react-icons/pi";
 import { useRouter } from 'next/navigation';
 import { FaUserTag, FaUserTie } from 'react-icons/fa6';
+import { useHookstate } from '@hookstate/core';
 
 export default function ViewDetailFeature() {
   const router = useRouter()
+  const roleLogin = useHookstate(globalRole)
   return (
     <>
       <LayoutNavbarNew back='/home' title='Fitur' menu={<></>} />
@@ -73,7 +75,7 @@ export default function ViewDetailFeature() {
                 <Text fz={15} c={WARNA.biruTua}>Anggota</Text>
               </Center>
             </Box>
-            <Box onClick={() => router.push('position?active=true')}>
+            <Box onClick={() => router.push('/position')}>
               <Center>
                 <ActionIcon variant="gradient"
                   size={68}
@@ -87,20 +89,24 @@ export default function ViewDetailFeature() {
                 <Text fz={15} c={WARNA.biruTua}>Jabatan</Text>
               </Center>
             </Box>
-            <Box onClick={() => router.push('/group')}>
-              <Center>
-                <ActionIcon variant="gradient"
-                  size={68}
-                  aria-label="Gradient action icon"
-                  radius={100}
-                  gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}>
-                  <FaUserTag size={35} color={WARNA.biruTua} />
-                </ActionIcon>
-              </Center>
-              <Center>
-                <Text fz={15} c={WARNA.biruTua}>Grup</Text>
-              </Center>
-            </Box>
+            {
+              roleLogin.get() == "supadmin" &&
+              <Box onClick={() => router.push('/group')}>
+                <Center>
+                  <ActionIcon variant="gradient"
+                    size={68}
+                    aria-label="Gradient action icon"
+                    radius={100}
+                    gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}>
+                    <FaUserTag size={35} color={WARNA.biruTua} />
+                  </ActionIcon>
+                </Center>
+                <Center>
+                  <Text fz={15} c={WARNA.biruTua}>Grup</Text>
+                </Center>
+              </Box>
+            }
+
           </SimpleGrid>
         </Box>
       </Box>