style : update style

Deskripsi:
- add package
- update layout
- update home
- update yarn.lock

No Issue

src/module/home/ui/icon_navbar.tsx

@@ -1,6 +1,6 @@
 "use client"
 import { WARNA } from '@/module/_global';
-import { ActionIcon, Box, Group } from '@mantine/core';
+import { ActionIcon, Box, Group, Indicator, Text } from '@mantine/core';
 import { useRouter } from 'next/navigation';
 import React from 'react';
 import { HiMagnifyingGlass, HiOutlineBell, HiOutlineUser } from 'react-icons/hi2';
@@ -13,9 +13,11 @@ export default function IconNavbar() {
         <ActionIcon onClick={() => router.push('/home?cat=search')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
           <HiMagnifyingGlass size={20} color='white' />
         </ActionIcon>
+        <Indicator inline label={"9"} size={18} color={"red"} offset={3}>
         <ActionIcon onClick={() => router.push('/home?cat=notification')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
-          <HiOutlineBell size={20} color='white' />
+            <HiOutlineBell size={20} color='white' />
         </ActionIcon>
+          </Indicator>
         <ActionIcon onClick={() => router.push('/profile')} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
           <HiOutlineUser size={20} color='white' />
         </ActionIcon>