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/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} />
     </>
   );
 }