Alur pembayaran donasi

# feat
- Tampilan invoce
- Proses acc admin
- Transaksi berhasil
# Issue: Hitungan progres masih salah

src/app_modules/donasi/proses_donasi/invoice/layout.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ActionIcon, AppShell, Group, Header, Title } from "@mantine/core";
+import React from "react";
+import HeaderTamplateDonasi from "../../component/header_tamplate";
+import { IconChevronLeft, IconX } from "@tabler/icons-react";
+import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import { gs_donasi_hot_menu } from "../../global_state";
+import { useAtom } from "jotai";
+
+import { title } from "process";
+import { useRouter } from "next/navigation";
+
+export default function LayoutDonasi_InvoiceProses({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const router = useRouter();
+  const [donasiHotMenu, setDonasiHotMenu] = useAtom(gs_donasi_hot_menu);
+  async function onClick() {
+    setDonasiHotMenu(2);
+    router.push(RouterDonasi.main_donasi_saya);
+  }
+  return (
+    <>
+      <AppShell
+        header={
+          <Header height={50} sx={{ borderStyle: "none" }}>
+            <Group h={50} position="apart" px={"md"}>
+              <ActionIcon variant="transparent" onClick={() => onClick()}>
+                <IconX />
+              </ActionIcon>
+              <Title order={5}>Invoice</Title>
+              <ActionIcon disabled variant="transparent"></ActionIcon>
+            </Group>
+          </Header>
+        }
+      >
+        {children}
+      </AppShell>
+    </>
+  );
+}