fitness profile

functionality added, need polishing

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

@@ -1,10 +1,18 @@
 import React from "react";
-import { View, Text, StyleSheet, ScrollView } from "react-native";
+import {
+  View,
+  Text,
+  StyleSheet,
+  ScrollView,
+  TouchableOpacity,
+} from "react-native";
 import { useUser } from "@clerk/clerk-expo";
 import { Ionicons } from "@expo/vector-icons";
+import { useRouter } from "expo-router";
 
 export default function HomeScreen() {
   const { user, isLoaded } = useUser();
+  const router = useRouter();
 
   if (!isLoaded || !user) {
     return (
@@ -51,6 +59,22 @@ export default function HomeScreen() {
         <View style={styles.section}>
           <Text style={styles.sectionTitle}>Quick Actions</Text>
 
+          <TouchableOpacity
+            style={styles.actionButton}
+            onPress={() => router.push("/fitness-profile")}
+          >
+            <View style={styles.actionIcon}>
+              <Ionicons name="fitness-outline" size={24} color="#ec4899" />
+            </View>
+            <View style={styles.actionContent}>
+              <Text style={styles.actionTitle}>Fitness Profile</Text>
+              <Text style={styles.actionSubtitle}>
+                Manage your fitness information
+              </Text>
+            </View>
+            <Ionicons name="chevron-forward" size={20} color="#9ca3af" />
+          </TouchableOpacity>
+
           <View style={styles.actionButton}>
             <View style={styles.actionIcon}>
               <Ionicons name="log-in-outline" size={24} color="#2563eb" />