Update navigation click area

app/(tabs)/_layout.tsx

@@ -15,9 +15,8 @@ export default function TabLayout() {
         tabBarShowLabel: false,
         headerShown: false,
         tabBarStyle: {
-          paddingTop: 20,
-          paddingBottom: 50,
-          borderTopColor: '#f2f2f2',
+          height: 70,
+          elevation: 0,
         }
       }}>
       <Tabs.Screen

components/navigation/TabBarIcon.tsx

@@ -5,5 +5,5 @@ import { type IconProps } from '@expo/vector-icons/build/createIconSet';
 import { type ComponentProps } from 'react';
 
 export function TabBarIcon({ style, ...rest }: IconProps<ComponentProps<typeof Ionicons>['name']>) {
-  return <Ionicons size={24} style={[{ marginBottom: -30 }, style]} {...rest} />;
+  return <Ionicons size={28} style={[style]} {...rest} />;
 }