QC Profile

# fix bug
- Kapasitas foto profile
- Kapasistas gambar background
- Cek email invalid
- Server action untuk profile (tidak menggunakan API lagi)
### No Issuee

src/app/dev/home/page.tsx

@@ -9,7 +9,7 @@ export default async function Page() {
   const userId = await User_getUserId();
   const dataUser = await user_getOneById(userId);
   // await new Promise((a, b) => {
-  //   setTimeout(a, 1000);
+  //   setTimeout(a, 4000);
   // });
 
   return (

src/app/dev/katalog/[id]/page.tsx

@@ -23,9 +23,9 @@ export default async function Page({ params }: { params: { id: string } }) {
   const dataProfile = await Profile_getOneProfileAndUserById(profileId);
   // console.log(dataProfile)
 
-  await new Promise((a, b) => {
-    setTimeout(a, 1000);
-  });
+  // await new Promise((a, b) => {
+  //   setTimeout(a, 1000);
+  // });
 
   return (
     <>

src/app/dev/profile/edit/[id]/loading.tsx

@@ -0,0 +1,9 @@
+import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
+
+export default async function Page() {
+  return (
+    <>
+      <ComponentGlobal_V2_LoadingPage />
+    </>
+  );
+}

src/app/zCoba/page.tsx

@@ -1,19 +1,51 @@
 "use client";
 
-import { NotifPeringatan } from "@/app_modules/donasi/component/notifikasi/notif_peringatan";
-import { Box, Button, Group } from "@mantine/core";
-import { notifications } from "@mantine/notifications";
+import {
+  Box,
+  Center,
+  Group,
+  LoadingOverlay,
+  Paper,
+  Skeleton,
+  Text,
+} from "@mantine/core";
+
+export default function ComponentCobaCoba_LoadingPage() {
+  const listhHuruf = [
+    {
+      huruf: "H",
+    },
+    {
+      huruf: "I",
+    },
+    {
+      huruf: "P",
+    },
+    {
+      huruf: "M",
+    },
+    {
+      huruf: "I",
+    },
+  ];
+  const customLOader = (
+    <Center h={"100vh"}>
+      <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>
+  );
 
-export default function Coba() {
   return (
     <>
-      <Box p={"lg"}>
-        <Group position="center">
-          <Button variant="outline" onClick={() => NotifPeringatan("Coba")}>
-            Show notification
-          </Button>
-        </Group>
-      </Box>
+      <LoadingOverlay visible overlayBlur={2} loader={customLOader} />
     </>
   );
 }