feat: enhance TabLayout and HomeScreen with safe area insets and optimized refresh handling

app/(tabs)/_layout.tsx

@@ -3,12 +3,14 @@ import React from 'react'
 import { StyleSheet, View, Text } from 'react-native'
 import { LinearGradient } from 'expo-linear-gradient'
 import { useTranslation } from 'react-i18next'
+import { useSafeAreaInsets } from 'react-native-safe-area-context'
 
 import { HomeIcon, MessageIcon, MyIcon, VideoIcon } from '@/components/icon'
 
 export default function TabLayout() {
   const { t } = useTranslation()
-  
+  const insets = useSafeAreaInsets()
+
   return (
     <Tabs
       screenOptions={{
@@ -19,9 +21,9 @@ export default function TabLayout() {
         tabBarShowLabel: true,
         tabBarStyle: {
           backgroundColor: '#1C1E22CC',
-          height: 83,
+          height: 84 + insets.bottom,
           paddingTop: 4,
-          paddingBottom: 4,
+          paddingBottom: insets.bottom,
           paddingLeft: 4,
           paddingRight: 4,
           borderTopWidth: 0,