Fix:

- nama page > participant

Component
Fix:
- Base bos > clean code

# No Issue

app/(application)/(user)/event/(tabs)/_layout.tsx

@@ -1,31 +1,11 @@
-import { AccentColor, MainColor } from "@/constants/color-palet";
-import { OS_IOS_HEIGHT, OS_ANDROID_HEIGHT } from "@/constants/constans-value";
+import { TabsStyles } from "@/styles/tabs-styles";
 import { FontAwesome5, Ionicons } from "@expo/vector-icons";
 import { Tabs } from "expo-router";
-import { Platform, View } from "react-native";
 
 export default function EventTabsLayout() {
   return (
     <Tabs
-      screenOptions={{
-        headerShown: false,
-        tabBarActiveTintColor: MainColor.yellow,
-        tabBarInactiveTintColor: MainColor.white_gray,
-        tabBarBackground: CustomTabBarBackground,
-        tabBarStyle: Platform.select({
-          ios: {
-            borderTopWidth: 0,
-            paddingTop: 5,
-            height: OS_IOS_HEIGHT,
-          },
-          android: {
-            borderTopWidth: 0,
-            paddingTop: 5,
-            height: OS_ANDROID_HEIGHT,
-          },
-          default: {},
-        }),
-      }}
+      screenOptions={TabsStyles}
     >
       <Tabs.Screen
         name="index"
@@ -67,15 +47,3 @@ export default function EventTabsLayout() {
   );
 }
 
-function CustomTabBarBackground() {
-  return (
-    <View
-      style={{
-        flex: 1,
-        backgroundColor: MainColor.darkblue,
-        borderTopWidth: 1,
-        borderTopColor: AccentColor.blue,
-      }}
-    />
-  );
-}