fix: enhance layout

app/(protected)/_layout.tsx

@@ -2,10 +2,12 @@ import { Redirect, Tabs } from 'expo-router';
 import { Home, Clock, Zap, CalendarIcon, Building } from 'lucide-react-native';
 import { useContext } from 'react';
 import { AuthContext } from '@/utils/authContext';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 export default function ProtectedLayout() {
   const authState = useContext(AuthContext);
-
+  const insets = useSafeAreaInsets();
+  
   if (!authState.isReady) {
     return null;
   }
@@ -23,7 +25,7 @@ export default function ProtectedLayout() {
           borderTopWidth: 1,
           borderTopColor: '#f3f4f6',
           height: 90,
-          paddingBottom: 30,
+          paddingBottom: insets.bottom,
           paddingTop: 10,
           paddingHorizontal: 10,
         },

app/(protected)/automation/index.tsx

@@ -158,7 +158,7 @@ export default function AutomationScreen() {
                                             areaData: JSON.stringify(area),
                                         }
                                     })}
-                                    className="bg-white rounded-3xl p-5 shadow-sm border border-gray-100 active:scale-[0.98] w-[48%] mb-4 aspect-square"
+                                    className="bg-white aspect-square rounded-3xl p-5 shadow-sm border border-gray-100 active:scale-[0.98] w-[48%] mb-4"
                                 >
                                     <View className="flex-1 justify-between">
                                         <View className={`${bgColor} w-14 h-14 items-center justify-center rounded-2xl`}>

app/login.tsx

@@ -120,9 +120,9 @@ export default function LoginScreen() {
                                     </TouchableOpacity>
                                 </View>
                                 {/* TODO: Implement password recovery functionality */}
-                                <TouchableOpacity className="mt-3 self-end" style={{ alignSelf: 'flex-end' }}>
+                                {/* <TouchableOpacity className="mt-3 self-end" style={{ alignSelf: 'flex-end' }}>
                                     <Text className="text-[#099499] font-bold text-base">Password dimenticata?</Text>
-                                </TouchableOpacity>
+                                </TouchableOpacity> */}
                             </View>
 
                             {/* Login Button */}