Kabar Donasi

# feat
- Create kabar
- Delete kabar
- List kabar
## No issue

src/app_modules/donasi/component/detail_main/detail_data_donasi.tsx

@@ -78,7 +78,7 @@ export function ComponentDonasi_DetailDataMain({
           <Grid>
             <Grid.Col
               span={"auto"}
-              onClick={() => router.push(RouterDonasi.donatur)}
+              onClick={() => router.push(RouterDonasi.donatur + `${donasi.id}`)}
             >
               <Stack align="center" spacing={"xs"}>
                 <Group>
@@ -93,7 +93,7 @@ export function ComponentDonasi_DetailDataMain({
             <Divider orientation="vertical" />
             <Grid.Col
               span={"auto"}
-              onClick={() => router.push(RouterDonasi.kabar)}
+              onClick={() => router.push(RouterDonasi.kabar + `${donasi.id}`)}
             >
               <Stack spacing={"sm"} align="center">
                 <IconMessageChatbot color="skyblue" />

src/app_modules/donasi/component/detail_main/list_kabar.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import { Paper, Stack, Text, Title } from "@mantine/core";
+import moment from "moment";
+import router from "next/router";
+import { MODEL_DONASI_KABAR } from "../../model/interface";
+
+export default function ComponentDonasi_ListKabar({
+  kabar,
+
+}: {
+  kabar: MODEL_DONASI_KABAR;
+
+}) {
+  return (
+    <>
+      <Paper bg={"gray.1"} p={"md"}>
+        <Stack>
+          <Text fz={"xs"}>{moment(kabar.createdAt).format("ll")}</Text>
+
+          <Stack>
+            <Title order={5}>{kabar.title}</Title>
+            <Stack spacing={0}>
+              <Text lineClamp={2}>{kabar.deskripsi}</Text>
+              <Text
+                c={"blue"}
+                onClick={() =>
+                  router.push(RouterDonasi.update_kabar + `${kabar.id}`)
+                }
+              >
+                Buka Kabar
+              </Text>
+            </Stack>
+          </Stack>
+        </Stack>
+      </Paper>
+    </>
+  );
+}