fix folder component

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

@@ -1,11 +1,11 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
+
 //app/(application)/(tabs)/_layout.tsx
 import { MainColor } from "@/constants/color-palet";
 import { Entypo, Ionicons } from "@expo/vector-icons";
 import { router, Tabs } from "expo-router";
+import { Text, TouchableOpacity } from "react-native";
 
 export default function TabsLayout() {
-
   return (
     <>
       <Tabs
@@ -26,7 +26,24 @@ export default function TabsLayout() {
               <Entypo name="chat" size={20} color={MainColor.white} />
             ),
             headerLeft: () => (
-              <Ionicons name="arrow-back" onPress={() => {router.back()}} size={20} color={MainColor.white} />
+              <Ionicons
+                name="arrow-back"
+                onPress={() => {
+                  router.back();
+                }}
+                size={20}
+                color={MainColor.white}
+              />
+            ),
+            tabBarButton: () => (
+              <TouchableOpacity
+                onPress={() => {
+                  router.navigate("/event");
+                }}
+              >
+                <Entypo name="chat" size={20} color={MainColor.white} />
+                <Text style={{ color: MainColor.white }}>Event</Text>
+              </TouchableOpacity>
             ),
           }}
         />