#style:

Deskripsi :
- Perbaikan UI Donasi
## NO Issue

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

@@ -9,6 +9,8 @@ import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 import { useAtom } from "jotai";
 import { gs_donasi_hot_menu } from "../../global_state";
 import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
+import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
 
 export default function LayoutDonasi_ProsesTransaksi({
   children,
@@ -23,21 +25,30 @@ export default function LayoutDonasi_ProsesTransaksi({
   }
   return (
     <>
-      <AppComponentGlobal_LayoutTamplate
+      <UIGlobal_LayoutTamplate
         header={
-          <Header height={50} sx={{ borderStyle: "none" }}>
-            <Group h={50} position="apart" px={"md"}>
+          <UIGlobal_LayoutHeaderTamplate
+            title="Proses Transaksi"
+            customButtonLeft={
               <ActionIcon variant="transparent" onClick={() => onClick()}>
                 <IconX />
               </ActionIcon>
-              <Title order={5}>Proses Transaksi</Title>
-              <ActionIcon disabled variant="transparent"></ActionIcon>
-            </Group>
-          </Header>
+            }
+          />
+
+          // <Header height={50} sx={{ borderStyle: "none" }}>
+          //   <Group h={50} position="apart" px={"md"}>
+          //     <ActionIcon variant="transparent" onClick={() => onClick()}>
+          //       <IconX />
+          //     </ActionIcon>
+          //     <Title order={5}>Proses Transaksi</Title>
+          //     <ActionIcon disabled variant="transparent"></ActionIcon>
+          //   </Group>
+          // </Header>
         }
       >
         {children}
-      </AppComponentGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate>
     </>
   );
 }