upd : page loading

Deskripsi:
- membuat page berisikan skeleton loading
- untuk page loading

No Issues

src/app/loading.tsx

@@ -0,0 +1,5 @@
+import { LoadingPage } from "@/module/_global";
+
+export default function Loading() {
+   return <LoadingPage />
+}

src/module/_global/index.ts

@@ -1,7 +1,9 @@
 import { WARNA } from "./fun/WARNA";
+import LoadingPage from "./layout/layout_loading_page";
 import LayoutLogin from "./layout/layout_login";
 import LayoutNavbarHome from "./layout/layout_navbar_home";
 
 export { WARNA }
 export { LayoutLogin }
-export {LayoutNavbarHome}
+export { LayoutNavbarHome }
+export { LoadingPage }

src/module/_global/layout/layout_loading_page.tsx

@@ -0,0 +1,29 @@
+import { Box, Group, Skeleton } from "@mantine/core";
+
+export default function LoadingPage() {
+   return (
+      <>
+         <Box p={20}>
+            <Skeleton width={"100%"} height={180} radius={"md"} />
+            <Group my={20} justify="space-between" grow>
+               <Skeleton height={50} radius={"md"} />
+               <Skeleton height={50} radius={"md"} />
+               <Skeleton height={50} radius={"md"} />
+            </Group>
+            <Group my={20} justify="space-between" grow>
+               <Skeleton height={100} radius={"md"} />
+               <Skeleton height={100} radius={"md"} />
+            </Group>
+            <Group my={20} justify="space-between" grow>
+               <Skeleton height={100} radius={"md"} />
+               <Skeleton height={100} radius={"md"} />
+            </Group>
+            <Group my={20} justify="space-between" grow>
+               <Skeleton height={100} radius={"md"} />
+               <Skeleton height={100} radius={"md"} />
+            </Group>
+         </Box>
+      </>
+
+   )
+}