fix: File view

Deksripsi:
- Tampilan file view pdf
- Optimalisasi admin
## No Isuue

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

@@ -1,3 +1,7 @@
+import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import { AccentColor } from "@/app_modules/_global/color/color_pallet";
+import { ComponentGlobal_CardLoadingOverlay } from "@/app_modules/_global/component";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
 import {
   AspectRatio,
   Badge,
@@ -10,16 +14,11 @@ import {
   Stack,
   Text,
 } from "@mantine/core";
-import { MODEL_DONASI_INVOICE } from "../../model/interface";
-import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
-import { AccentColor } from "@/app_modules/_global/color/color_pallet";
-import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
-import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
-import ComponentDonasi_TampilanHitungMundur from "../tampilan_hitung_mundur";
-import TampilanRupiahDonasi from "../tampilan_rupiah";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import ComponentGlobal_CardLoadingOverlay from "@/app_modules/_global/loading_card";
+import { MODEL_DONASI_INVOICE } from "../../model/interface";
+import ComponentDonasi_TampilanHitungMundur from "../tampilan_hitung_mundur";
+import TampilanRupiahDonasi from "../tampilan_rupiah";
 
 export function ComponentDonasi_CardInvoice({
   data,

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

@@ -2,9 +2,9 @@
 
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 import { AccentColor } from "@/app_modules/_global/color/color_pallet";
+import { ComponentGlobal_CardLoadingOverlay } from "@/app_modules/_global/component";
 import {
   AspectRatio,
-  Box,
   Card,
   Grid,
   Image,
@@ -14,10 +14,9 @@ import {
   Text,
 } from "@mantine/core";
 import { useRouter } from "next/navigation";
+import { useState } from "react";
 import ComponentDonasi_TampilanHitungMundur from "../tampilan_hitung_mundur";
 import TampilanRupiahDonasi from "../tampilan_rupiah";
-import { useState } from "react";
-import ComponentGlobal_CardLoadingOverlay from "@/app_modules/_global/loading_card";
 
 export default function ComponentDonasi_CardPublish({
   data,

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

@@ -1,19 +1,18 @@
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 import { AccentColor } from "@/app_modules/_global/color/color_pallet";
+import { ComponentGlobal_CardLoadingOverlay } from "@/app_modules/_global/component";
 import {
-  Box,
-  Stack,
-  Grid,
   AspectRatio,
-  Paper,
-  Image,
-  Text,
   Card,
+  Grid,
+  Image,
+  Paper,
+  Stack,
+  Text,
 } from "@mantine/core";
 import { useRouter } from "next/navigation";
-import { MODEL_DONASI } from "../../model/interface";
 import { useState } from "react";
-import ComponentGlobal_CardLoadingOverlay from "@/app_modules/_global/loading_card";
+import { MODEL_DONASI } from "../../model/interface";
 
 export function ComponentDonasi_CardStatus({
   data,

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

@@ -1,40 +1,35 @@
 "use client";
 
-import { useRouter } from "next/navigation";
-import { MODEL_DONASI } from "../../model/interface";
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 import {
-  Stack,
+  AccentColor,
+  MainColor,
+} from "@/app_modules/_global/color/color_pallet";
+import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
+import {
   AspectRatio,
-  Paper,
-  Title,
-  Group,
-  Progress,
-  Grid,
   Divider,
+  Grid,
+  Group,
   Image,
+  Progress,
+  Stack,
   Text,
-  Center,
-  Loader,
+  Title,
 } from "@mantine/core";
 import {
   IconClover,
   IconMessageChatbot,
   IconMoneybag,
 } from "@tabler/icons-react";
-import TampilanRupiahDonasi from "../tampilan_rupiah";
-import ComponentDonasi_TampilanHitungMundur from "../tampilan_hitung_mundur";
 import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
-import { NotifPeringatan } from "../notifikasi/notif_peringatan";
-import { NotifBerhasil } from "../notifikasi/notif_berhasil";
-import { Donasi_findDonaturByTokenId } from "../../fun/get/get_donatur_by_token_id";
+import { useRouter } from "next/navigation";
 import { useState } from "react";
-import ComponentGlobal_CardLoadingOverlay from "@/app_modules/_global/loading_card";
-import {
-  AccentColor,
-  MainColor,
-} from "@/app_modules/_global/color/color_pallet";
-import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
+import { Donasi_findDonaturByTokenId } from "../../fun/get/get_donatur_by_token_id";
+import { MODEL_DONASI } from "../../model/interface";
+import { NotifPeringatan } from "../notifikasi/notif_peringatan";
+import ComponentDonasi_TampilanHitungMundur from "../tampilan_hitung_mundur";
+import TampilanRupiahDonasi from "../tampilan_rupiah";
 
 export function ComponentDonasi_DetailDataMain({
   donasi,