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_modules/component_global/loading_page_v2.tsx

@@ -1,25 +1,43 @@
 "use client";
 
-import { Box, Center, Group, LoadingOverlay, Skeleton } from "@mantine/core";
+import { Box, Center, Group, LoadingOverlay, Skeleton, Text } from "@mantine/core";
 
 export default function ComponentGlobal_V2_LoadingPage() {
-  const customLOader = (
-    <Center h={"100vh"}>
-      <Group>
-        {Array(3)
-          .fill(0)
-          .map((e, i) => (
-            <Skeleton key={i} height={50} circle mb="xl" />
-          ))}
-      </Group>
-    </Center>
-  );
+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>
+);
 
-  return (
-    <>
-      
-        <LoadingOverlay visible overlayBlur={2} loader={customLOader} />
-      
-    </>
-  );
+return (
+  <>
+    <LoadingOverlay visible overlayBlur={1} loader={customLOader} />
+  </>
+);
 }