fitness profileand personal details

fix

apps/mobile/src/app/(tabs)/profile.tsx

@@ -1,5 +1,6 @@
 import { View, Text, StyleSheet, TouchableOpacity, Image, Alert } from "react-native";
 import { useUser, useClerk } from "@clerk/clerk-expo";
+import { useRouter } from "expo-router";
 import { Ionicons } from "@expo/vector-icons";
 import { LinearGradient } from "expo-linear-gradient";
 import { theme } from "../../styles/theme";
@@ -9,6 +10,7 @@ import { GradientBackground } from "../../components/GradientBackground";
 export default function ProfileScreen() {
   const { user } = useUser();
   const { signOut } = useClerk();
+  const router = useRouter();
 
   const handleSignOut = async () => {
     try {
@@ -57,7 +59,7 @@ export default function ProfileScreen() {
         <View style={styles.section}>
           <Text style={styles.sectionTitle}>Account</Text>
           <View style={[styles.infoCard, theme.shadows.subtle]}>
-            <TouchableOpacity style={styles.infoRow}>
+            <TouchableOpacity style={styles.infoRow} onPress={() => router.push('/personal-details')}>
               <LinearGradient
                 colors={['rgba(59, 130, 246, 0.1)', 'rgba(59, 130, 246, 0.05)']}
                 style={styles.iconContainer}
@@ -68,7 +70,7 @@ export default function ProfileScreen() {
               <Ionicons name="chevron-forward" size={20} color={theme.colors.gray400} />
             </TouchableOpacity>
             <View style={styles.divider} />
-            <TouchableOpacity style={styles.infoRow}>
+            <TouchableOpacity style={styles.infoRow} onPress={() => router.push('/fitness-profile')}>
               <LinearGradient
                 colors={['rgba(16, 185, 129, 0.1)', 'rgba(16, 185, 129, 0.05)']}
                 style={styles.iconContainer}