fix ui event

src/app/dev/event/main/layout.tsx

@@ -1,8 +1,15 @@
 import { LayoutEvent_Main } from "@/app_modules/event";
+import NewLayout_Event from "@/app_modules/event/main/new_layout_event";
 import React from "react";
 
-export default async function Layout({children}:{children: React.ReactNode}) {
-    return<>
-    <LayoutEvent_Main>{children}</LayoutEvent_Main>
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <NewLayout_Event>{children}</NewLayout_Event>
     </>
-}
+  );
+}

src/app/zCoba/home/v2_view.tsx

@@ -3,6 +3,7 @@
 
 import {
   Badge,
+  Box,
   Button,
   Card,
   Group,
@@ -26,10 +27,16 @@ export default function ViewV2() {
           Aplikasi dengan layout yang dioptimalkan untuk tampilan mobile
         </Text>
 
-
         <Stack spacing="md">
           {[...Array(5)].map((_, index) => (
-            <Card  opacity={0.3} key={index} shadow="sm" padding="md" radius="md" withBorder>
+            <Card
+              opacity={0.3}
+              key={index}
+              shadow="sm"
+              padding="md"
+              radius="md"
+              withBorder
+            >
               <Card.Section>
                 <Image
                   src={`/api/placeholder/400/200`}
@@ -63,6 +70,26 @@ export default function ViewV2() {
           ))}
         </Stack>
 
+        <Stack spacing="md">
+          {[...Array(5)].map((_, index) => (
+            <Box key={index} mb="xl" h="100px" bg={"gray"}>
+              Test
+            </Box>
+          ))}
+        </Stack>
+
+        {[...Array(5)].map((_, index) => (
+          <div
+            key={index}
+            style={{
+              backgroundColor: "gray",
+              marginBottom: "15px",
+              height: "100px",
+            }}
+          >
+            Test
+          </div>
+        ))}
 
         <Paper
           shadow="md"
@@ -84,7 +111,6 @@ export default function ViewV2() {
             Klaim Sekarang
           </Button>
         </Paper>
-        
       </Stack>
     </ClientLayout>
   );