feature: notifikasi pengumuman setelah login

Deskripsi:
- ui notification announcement
- api findmany notification announcement
- nb : masih setiap reload home tampil (seharusnya setelah login aja)

No Issues

src/module/home/ui/notification_announcement.tsx

@@ -0,0 +1,65 @@
+'use client'
+import { NotificationCustome } from "@/module/_global";
+import { useShallowEffect } from "@mantine/hooks";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import toast from "react-hot-toast";
+import { funGetOneNotificationAnnouncement, funReadNotification } from "../lib/api_notification";
+import { IListNotification } from "../lib/type_notification";
+
+export default function NotificationAnnouncement() {
+   const router = useRouter()
+   const [tampilNotif, setTampilNotif] = useState(false)
+   const [isData, setData] = useState<IListNotification[]>([]);
+
+   async function fetchData() {
+      try {
+         const res = await funGetOneNotificationAnnouncement();
+         if (res.success) {
+            setTampilNotif(true)
+            setData(res.data);
+         } else {
+            toast.error(res.message);
+         }
+      } catch (error) {
+         console.error(error);
+         toast.error("Gagal memuat data, coba lagi nanti");
+      } finally {
+         setTimeout(() => {
+            setTampilNotif(false);
+         }, 6000);
+      }
+   }
+
+   useShallowEffect(() => {
+      fetchData();
+   }, []);
+
+   async function onClickNotif(category: string, idContent: string, idData: string) {
+      try {
+         const response = await funReadNotification({ id: idData });
+         if (response.success) {
+            router.push(`/${category}/${idContent}`);
+         } else {
+            toast.error(response.message);
+         }
+      } catch (error) {
+         console.error(error);
+         toast.error("Gagal memuat data, coba lagi nanti");
+      }
+   }
+
+   return (
+      <>
+         {
+            tampilNotif &&
+            <NotificationCustome
+               title={isData[0]?.title}
+               desc={isData[0]?.desc}
+               onClick={() => { onClickNotif(isData[0]?.category, isData[0]?.idContent, isData[0]?.id) }}
+               onClose={() => { '' }}
+            />
+         }
+      </>
+   )
+}