fix: Align Bottom Navigation With Material 3 Specs

src/components/BottomTabBar/index.tsx

@@ -53,7 +53,7 @@ function CustomBottomTabBar({
         styles.container,
         {
           backgroundColor: theme.surface2 || theme.surface,
-          paddingBottom: insets?.bottom || 0,
+          paddingBottom: 16 + (insets?.bottom || 0),
         },
       ]}
     >
@@ -148,7 +148,6 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    paddingVertical: 6,
     paddingHorizontal: 4,
     position: 'relative',
   },