Admin Component

Add:
- GridViewCustomSpan
- GridView_4_4_4

Fix:
- BackButtonAntTitle: penambahan new component
- SelectCustom: penambahan container style

Admin Donasi
Add:
- admin/donation/[id]

Fix:
- admin/donation/[status]/status

Admin Fix: perubahan nama halaman sesuai fitur

### No Issue

app/(application)/admin/donation/[id]/[status]/transaction-detail.tsx

@@ -0,0 +1,80 @@
+import {
+  BadgeCustom,
+  BaseBox,
+  BoxButtonOnFooter,
+  ButtonCustom,
+  StackCustom,
+  TextCustom,
+  ViewWrapper,
+} from "@/components";
+import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
+import { GridDetail_4_8 } from "@/components/_ShareComponent/GridDetail_4_8";
+import { MainColor } from "@/constants/color-palet";
+import dayjs from "dayjs";
+import { router, useLocalSearchParams } from "expo-router";
+
+export default function AdminDonasiTransactionDetail() {
+  const { id } = useLocalSearchParams();
+
+  const buttonAction = (
+    <BoxButtonOnFooter>
+      <ButtonCustom onPress={() => router.back()}>Terima</ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+
+  const listData = [
+    {
+      label: "Donatur",
+      value: "Bagas Banuna",
+    },
+    {
+      label: "Bank",
+      value: "BCA",
+    },
+    {
+      label: "Jumlah Donasi",
+      value: "Rp. 1.000.000",
+    },
+    {
+      label: "Status",
+      value: <BadgeCustom color={MainColor.green}>Berhasil</BadgeCustom>,
+    },
+    {
+      label: "Tanggal",
+      value: dayjs().format("DD-MM-YYYY HH:mm:ss"),
+    },
+    {
+      label: "Bukti Transfer",
+      value: (
+        <ButtonCustom
+          onPress={() =>
+            router.push(`/(application)/(image)/preview-image/${id}`)
+          }
+        >
+          Cek
+        </ButtonCustom>
+      ),
+    },
+  ];
+
+  return (
+    <>
+      <ViewWrapper
+        headerComponent={<AdminBackButtonAntTitle title="Detail Transaksi" />}
+        footerComponent={buttonAction}
+      >
+        <BaseBox>
+          <StackCustom>
+            {listData.map((item, index) => (
+              <GridDetail_4_8
+                key={index}
+                label={<TextCustom bold>{item.label}</TextCustom>}
+                value={<TextCustom>{item.value}</TextCustom>}
+              />
+            ))}
+          </StackCustom>
+        </BaseBox>
+      </ViewWrapper>
+    </>
+  );
+}