Fix event

Deskripsi:
- Fix konfirmasi
- Fix qr code

src/app_modules/event/component/card_view/card_beranda.tsx

@@ -34,11 +34,11 @@ export function ComponentEvent_CardBeranda({ data }: { data: any }) {
               <Title order={5} lineClamp={1}>
                 {data.title}
               </Title>
-              <Text align="right" fz={"sm"} lineClamp={1}>
+              {/* <Text align="right" fz={"sm"} lineClamp={1}>
                 {new Intl.DateTimeFormat("id-ID", {
                   dateStyle: "medium",
-                }).format(data.tanggal)}
-              </Text>
+                }).format(data?.tanggal)}
+              </Text> */}
             </Group>
 
             <Text fz={"sm"} lineClamp={2}>

src/app_modules/event/component/index.ts

@@ -1,5 +1,7 @@
 import Event_ComponentCreateButton from "./button/button_create_event";
+import Event_ComponentSkeletonBeranda from "./skeleton/comp_skeleton_beranda";
 import { Event_ComponentSkeletonDetailData } from "./skeleton/comp_skeleton_detail_data";
 
 export { Event_ComponentSkeletonDetailData };
 export { Event_ComponentCreateButton };
+export { Event_ComponentSkeletonBeranda };

src/app_modules/event/component/skeleton/comp_skeleton_beranda.tsx

@@ -0,0 +1,29 @@
+import { AccentColor } from "@/app_modules/_global/color";
+import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
+import { Grid, Group, Paper, Skeleton, Stack, Text } from "@mantine/core";
+
+export default function Event_ComponentSkeletonBeranda() {
+  return (
+    <>
+      {Array.from({ length: 10 }).map((_, index) => (
+        <ComponentGlobal_CardStyles key={index} marginBottom={"16px"}>
+          <Stack>
+            <Grid align="center">
+              <Grid.Col span={"content"}>
+                <Skeleton radius={"100%"} h={50} w={50} />
+              </Grid.Col>
+              <Grid.Col span={"auto"}>
+                <Skeleton h={20} w={"50%"} />
+              </Grid.Col>
+            </Grid>
+
+            <Stack>
+              <Skeleton h={20} w={"100%"} />
+              <Skeleton h={20} w={"100%"} />
+            </Stack>
+          </Stack>
+        </ComponentGlobal_CardStyles>
+      ))}
+    </>
+  );
+}