fix: Admin

Deskripsi:
- Penambahan field nama rekening di db bank
- Optimalisasi event
## No Issue

src/app_modules/admin/_admin_global/_component/title_page.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { Group, Title, TextInput } from "@mantine/core";
+import { IconSearch } from "@tabler/icons-react";
+import React from "react";
+
+export function ComponentAdminGlobal_TitlePage({
+  name,
+  color,
+  component,
+}: {
+  name: string;
+  color?: string;
+  component?: React.ReactNode;
+}) {
+  return (
+    <>
+      <Group
+        position="apart"
+        bg={color ? color : "gray.4"}
+        p={"xs"}
+        style={{ borderRadius: "6px" }}
+      >
+        <Title order={4}>{name}</Title>
+        {component ? component : ""}
+      </Group>
+    </>
+  );
+}

src/app_modules/admin/_admin_global/back_button.tsx

@@ -17,8 +17,6 @@ export default function ComponentAdminGlobal_BackButton({
     <>
       <Group>
         <Button
-          // loaderPosition="center"
-          // loading={isLoading ? true : false}
           c={"gray"}
           leftIcon={
             isLoading ? (

src/app_modules/admin/_admin_global/comp_admin_teampilan_rupiah.tsx

@@ -0,0 +1,28 @@
+import { MainColor } from "@/app_modules/_global/color/color_pallet";
+import { Text } from "@mantine/core";
+
+export  function ComponentAdminGlobal_TampilanRupiah({
+  nominal,
+  color,
+  fontSize,
+}: {
+  nominal: number;
+  color?: string;
+  fontSize?: number;
+}) {
+  return (
+    <>
+      <Text
+        fz={fontSize ? fontSize : "md"}
+        style={{
+          color: color ? color : "black",
+        }}
+      >
+        Rp.{" "}
+        {new Intl.NumberFormat("id-ID", { maximumFractionDigits: 10 }).format(
+          nominal
+        )}
+      </Text>
+    </>
+  );
+}

src/app_modules/admin/_admin_global/index.ts

@@ -0,0 +1,5 @@
+import { ComponentAdminGlobal_TitlePage } from "./_component/title_page";
+import { ComponentAdminGlobal_TampilanRupiah } from "./comp_admin_teampilan_rupiah";
+
+export { ComponentAdminGlobal_TampilanRupiah };
+export { ComponentAdminGlobal_TitlePage };

src/app_modules/admin/_admin_global/loading_admin_page.tsx

@@ -1,53 +0,0 @@
-"use client";
-
-import {
-  Box,
-  Center,
-  Group,
-  LoadingOverlay,
-  Skeleton,
-  Text,
-} from "@mantine/core";
-
-export default function ComponentAdminGlobal_LoadingPage() {
-  const listhHuruf = [
-    {
-      huruf: "H",
-    },
-    {
-      huruf: "I",
-    },
-    {
-      huruf: "P",
-    },
-    {
-      huruf: "M",
-    },
-    {
-      huruf: "I",
-    },
-  ];
-  const customLOader = (
-    <Center h={"90vh"}>
-      <Group>
-        {listhHuruf.map((e, i) => (
-          <Center key={i} h={"100%"}>
-            <Skeleton height={50} circle radius={"100%"} />
-            <Text sx={{ position: "absolute" }} c={"gray.4"} fw={"bold"}>
-              {e.huruf}
-            </Text>
-          </Center>
-        ))}
-      </Group>
-    </Center>
-  );
-
-  return (
-    <>
-      {/* <LoadingOverlay visible  loader={customLOader} /> */}
-      <Box>
-        {customLOader}
-      </Box>
-    </>
-  );
-}