Add "Forgot Password" screen and navigation from login page

app/login.tsx

@@ -5,10 +5,12 @@ import { Eye, EyeOff, Lock, LogIn, Mail } from 'lucide-react-native';
 import React, { useContext, useState } from 'react';
 import { Image, Platform, Text, TextInput, TouchableOpacity, View } from 'react-native';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-controller';
+import { useRouter } from 'expo-router';
 
 export default function LoginScreen() {
     const alert = useAlert();
     const authContext = useContext(AuthContext);
+    const router = useRouter();
     const [username, setUsername] = useState('');
     const [password, setPassword] = useState('');
     const [showPassword, setShowPassword] = useState(false);
@@ -122,10 +124,14 @@ 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"
+                                    style={{ alignSelf: 'flex-end' }}
+                                    onPress={() => router.push('/forgot-password')}
+                                    activeOpacity={0.7}
+                                >
                                     <Text className="text-[#099499] font-bold text-base">Password dimenticata?</Text>
-                                </TouchableOpacity> */}
+                                </TouchableOpacity>
                             </View>
 
                             {/* Login Button */}