Revisi Tampilan Admin

# fix :
- Tampilan Donasi
# feat :
- Penambahan App Information
## No Issuee

src/app_modules/admin/donasi/detail/detail_review.tsx

@@ -1,44 +1,40 @@
 "use client";
 
+import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import ComponentGlobal_InputCountDown from "@/app_modules/component_global/input_countdown";
+import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
+import {
+  MODEL_CERITA_DONASI,
+  MODEL_DONASI,
+} from "@/app_modules/donasi/model/interface";
 import {
   AspectRatio,
+  Box,
   Button,
   Divider,
   Group,
   Image,
   Modal,
   Paper,
-  Progress,
   SimpleGrid,
   Stack,
   Text,
-  TextInput,
   Textarea,
   Title,
 } from "@mantine/core";
-import ComponentAdminDonasi_TombolKembali from "../component/tombol_kembali";
-import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
-import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
-import {
-  MODEL_CERITA_DONASI,
-  MODEL_DONASI,
-} from "@/app_modules/donasi/model/interface";
-import { useState } from "react";
-import { useRouter } from "next/navigation";
 import { useDisclosure } from "@mantine/hooks";
-import { AdminDonasi_funUpdateStatusPublish } from "../fun/update/fun_status_publish";
-import { NotifBerhasil } from "@/app_modules/donasi/component/notifikasi/notif_berhasil";
-import { NotifPeringatan } from "@/app_modules/donasi/component/notifikasi/notif_peringatan";
-import toast from "react-simple-toasts";
-import { AdminDonasi_funUpdateStatusReject } from "../fun/update/fun_status_reject";
-import _ from "lodash";
-import { NotifGagal } from "@/app_modules/donasi/component/notifikasi/notif_gagal";
-import { ComponentGlobalAdmin_NotifikasiPeringatan } from "../../component/admin_notifikasi/notifikasi_peringatan";
-import ComponentGlobal_InputCountDown from "@/app_modules/component_global/input_countdown";
-import { ComponentGlobalAdmin_NotifikasiBerhasil } from "../../component/admin_notifikasi/notifikasi_berhasil";
-import { ComponentGlobalAdmin_NotifikasiGagal } from "../../component/admin_notifikasi/notifikasi_gagal";
-import adminDonasi_getListReview from "../fun/get/get_list_review";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import { ComponentGlobalAdmin_NotifikasiBerhasil } from "../../component_global/admin_notifikasi/notifikasi_berhasil";
+import { ComponentGlobalAdmin_NotifikasiGagal } from "../../component_global/admin_notifikasi/notifikasi_gagal";
+import { ComponentGlobalAdmin_NotifikasiPeringatan } from "../../component_global/admin_notifikasi/notifikasi_peringatan";
+import ComponentAdminDonasi_TombolKembali from "../component/tombol_kembali";
 import { AdminDonasi_getOneById } from "../fun/get/get_one_by_id";
+import { AdminDonasi_funUpdateStatusPublish } from "../fun/update/fun_status_publish";
+import { AdminDonasi_funUpdateStatusReject } from "../fun/update/fun_status_reject";
+import ComponentGlobalAdmin_BackButton from "../../component_global/back_button";
+import ComponentAdminDonasi_TampilanDetailDonasi from "../component/tampilan_detail_donasi";
+import ComponentAdminDonasi_CeritaPenggalangDana from "../component/tampilan_detail_cerita";
 
 export default function AdminDonasi_DetailReview({
   dataReview,
@@ -60,8 +56,10 @@ export default function AdminDonasi_DetailReview({
             { maxWidth: "xs", cols: 1, spacing: "xs" },
           ]}
         >
-          <TampilanDetailDonasi donasi={data} />
-          <CeritaPenggalangDana cerita={data.CeritaDonasi} />
+          <ComponentAdminDonasi_TampilanDetailDonasi donasi={data} />
+          <ComponentAdminDonasi_CeritaPenggalangDana
+            cerita={data.CeritaDonasi}
+          />
         </SimpleGrid>
       </Stack>
     </>
@@ -124,7 +122,7 @@ function ButtonOnHeader({
   return (
     <>
       <Group position="apart">
-        <ComponentAdminDonasi_TombolKembali />
+        <ComponentGlobalAdmin_BackButton />
         {donasi.donasiMaster_StatusDonasiId === "2" ? (
           <Group>
             <Button
@@ -143,7 +141,7 @@ function ButtonOnHeader({
           ""
         )}
       </Group>
-      <Divider />
+      {/* <Divider /> */}
 
       <Modal
         opened={opened}
@@ -193,64 +191,4 @@ function ButtonOnHeader({
   );
 }
 
-function TampilanDetailDonasi({ donasi }: { donasi: MODEL_DONASI }) {
-  return (
-    <>
-      <Paper radius={"md"} p={"md"}>
-        <Stack>
-          <Stack>
-            <AspectRatio ratio={16 / 9}>
-              <Paper radius={"md"}>
-                <Image
-                  alt="Foto"
-                  src={RouterDonasi.api_gambar + `${donasi.imagesId}`}
-                />
-              </Paper>
-            </AspectRatio>
-            <Stack spacing={0}>
-              <Title order={4}>{donasi.title}</Title>
-              <Text fz={"xs"}>
-                Durasi: {donasi.DonasiMaster_Durasi.name} hari
-              </Text>
-            </Stack>
 
-            <Stack spacing={0}>
-              <Group>
-                <Text fz={12}>Dana dibutuhkan</Text>
-                <Title order={4} c="blue">
-                  <TampilanRupiahDonasi nominal={+donasi.target} />
-                </Title>
-              </Group>
-              <Group>
-                <Text fz={12}>Kategori</Text>
-                <Title order={4} c="blue">
-                  {donasi.DonasiMaster_Ketegori.name}
-                </Title>
-              </Group>
-            </Stack>
-          </Stack>
-        </Stack>
-      </Paper>
-    </>
-  );
-}
-
-function CeritaPenggalangDana({ cerita }: { cerita: MODEL_CERITA_DONASI }) {
-  return (
-    <>
-      <Stack>
-        <Title order={5}>Cerita Penggalang Dana</Title>
-        <Text>{cerita.pembukaan}</Text>
-        <AspectRatio ratio={16 / 9}>
-          <Paper radius={"md"}>
-            <Image
-              alt="Foto"
-              src={RouterDonasi.api_gambar_cerita + `${cerita.imagesId}`}
-            />
-          </Paper>
-        </AspectRatio>
-        <Text>{cerita.cerita}</Text>
-      </Stack>
-    </>
-  );
-}