Fix: admin donasi

Deskripsi:
- Fix image dari server wibu
## No Isuue

src/app_modules/donasi/component/card_view/card_pencairan_dana.tsx

@@ -1,22 +1,23 @@
-import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 import {
   AccentColor,
   MainColor,
 } from "@/app_modules/_global/color/color_pallet";
 import {
-  Paper,
-  Stack,
-  Title,
-  Spoiler,
-  Center,
   Button,
+  Center,
+  Paper,
+  Spoiler,
+  Stack,
   Text,
+  Title,
 } from "@mantine/core";
 import { IconImageInPicture } from "@tabler/icons-react";
 import moment from "moment";
 
-import { MODEL_DONASI_PENCAIRAN_DANA } from "../../model/interface";
+import { RouterImagePreview } from "@/app/lib";
 import { useRouter } from "next/navigation";
+import { useState } from "react";
+import { MODEL_DONASI_PENCAIRAN_DANA } from "../../model/interface";
 
 export function ComponentDonasi_CardPencairanDana({
   data,
@@ -24,6 +25,7 @@ export function ComponentDonasi_CardPencairanDana({
   data: MODEL_DONASI_PENCAIRAN_DANA;
 }) {
   const router = useRouter();
+  const [isLoading, setLoading] = useState(false);
 
   return (
     <>
@@ -48,12 +50,13 @@ export function ComponentDonasi_CardPencairanDana({
           </Spoiler>
           <Center>
             <Button
+              loaderPosition="center"
+              loading={isLoading}
               radius={"xl"}
               leftIcon={<IconImageInPicture />}
               onClick={() => {
-                // open();
-                // setIdGambar(e.imagesId);
-                router.push(RouterDonasi.bukti_transfer + data.imagesId, {
+                setLoading(true);
+                router.push(RouterImagePreview.main({ id: data.imageId }), {
                   scroll: false,
                 });
               }}

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

@@ -1,17 +1,17 @@
 "use client";
 
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import { MainColor } from "@/app_modules/_global/color/color_pallet";
 import {
-  AccentColor,
-  MainColor,
-} from "@/app_modules/_global/color/color_pallet";
+  ComponentGlobal_CardStyles,
+  ComponentGlobal_LoadImageLandscape,
+} from "@/app_modules/_global/component";
 import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
 import {
-  AspectRatio,
   Divider,
   Grid,
   Group,
-  Image,
   Progress,
   Stack,
   Text,
@@ -29,11 +29,6 @@ import { Donasi_findDonaturByTokenId } from "../../fun/get/get_donatur_by_token_
 import { MODEL_DONASI } from "../../model/interface";
 import ComponentDonasi_TampilanHitungMundur from "../tampilan_hitung_mundur";
 import TampilanRupiahDonasi from "../tampilan_rupiah";
-import {
-  ComponentGlobal_CardStyles,
-  ComponentGlobal_LoadImageLandscape,
-} from "@/app_modules/_global/component";
-import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
 
 export function ComponentDonasi_DetailDataMain({
   donasi,
@@ -70,7 +65,7 @@ export function ComponentDonasi_DetailDataMain({
                   <TampilanRupiahDonasi nominal={+donasi?.terkumpul} />
                 </Title>
                 <Group>
-                  <Text fz={10}>Dari total</Text>{" "}
+                  <Text fz={10}>Dari target</Text>{" "}
                   <TampilanRupiahDonasi
                     nominal={+donasi?.target}
                     fontSize={10}