Deskripsi:

Fix: event beranda dan status > tampilan
Feature: create event dan halaman detail status
Fix: Basebox: Hide safearea kalau ada tabs
Fix: TextCustom: Tambah size xlarge
Fix: ScrollCustom penambhan props value

# No Issue

app/(application)/(user)/event/[id]/[detail]/detail-event.tsx

@@ -0,0 +1,69 @@
+import {
+  BaseBox,
+  Grid,
+  Spacing,
+  StackCustom,
+  TextCustom,
+  ViewWrapper,
+} from "@/components";
+import LeftButtonCustom from "@/components/Button/BackButton";
+import { Stack, useLocalSearchParams } from "expo-router";
+
+export default function EventDetail() {
+  const { id, detail } = useLocalSearchParams();
+
+  const listData = [
+    {
+      title: "Lokasi",
+      value:
+        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
+    },
+    {
+      title: "Tipe Acara",
+      value: "Workshop",
+    },
+    {
+      title: "Tanggal Mulai",
+      value: "Senin, 18 Juli 2025, 10:00 WIB",
+    },
+    {
+      title: "Tanggal Berakhir",
+      value: "Selasa, 19 Juli 2025, 12:00 WIB",
+    },
+    {
+      title: "Deskripsi",
+      value:
+        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
+    },
+  ];
+
+  return (
+    <>
+      <Stack.Screen
+        options={{
+          title: `Detail ${detail}`,
+          headerLeft: () => <LeftButtonCustom />,
+        }}
+      />
+      <ViewWrapper>
+        <BaseBox>
+          <StackCustom>
+            <TextCustom bold align="center" size="xlarge">
+              Judul event {id}
+            </TextCustom>
+            {listData.map((item, index) => (
+              <Grid key={index}>
+                <Grid.Col span={4}>
+                  <TextCustom bold>{item.title}</TextCustom>
+                </Grid.Col>
+                <Grid.Col span={8}>
+                  <TextCustom>{item.value}</TextCustom>
+                </Grid.Col>
+              </Grid>
+            ))}
+          </StackCustom>
+        </BaseBox>
+      </ViewWrapper>
+    </>
+  );
+}