Faro & grafana improvements

apps/frontend-mobile/app/(tabs)/profile.tsx

@@ -417,12 +417,12 @@ export default function ProfileScreen() {
   return (
     <ScrollView style={styles.container}>
       {/* Avatar Section */}
-      <View style={styles.avatarSection}>
-        <TouchableOpacity style={styles.avatarContainer} onPress={() => setShowAvatarModal(true)}>
+      <View style={[styles.avatarSection, isTablet && styles.avatarSectionTablet]}>
+        <TouchableOpacity style={[styles.avatarContainer, isTablet && styles.avatarContainerTablet]} onPress={() => setShowAvatarModal(true)}>
           {avatarUrl ? (
-            <Image source={{ uri: avatarUrl }} style={styles.avatarImage} />
+            <Image source={{ uri: avatarUrl }} style={[styles.avatarImage, isTablet && styles.avatarImageTablet]} />
           ) : (
-            <Ionicons name="person" size={40} color={colors.primary} />
+            <Ionicons name="person" size={isTablet ? 50 : 40} color={colors.primary} />
           )}
           <View style={styles.avatarOverlay}>
             <Ionicons name="camera" size={24} color="white" />
@@ -432,7 +432,7 @@ export default function ProfileScreen() {
       </View>
 
       {/* Read-only Name Section */}
-      <View style={styles.infoSection}>
+      <View style={[styles.infoSection, isTablet && styles.infoSectionTablet]}>
         <View style={styles.infoCard}>
           <Text style={styles.infoLabel}>Nombre</Text>
           <Text style={styles.infoValue}>{firstName || '—'}</Text>
@@ -444,7 +444,7 @@ export default function ProfileScreen() {
       </View>
 
       {/* Menu Section */}
-      <View style={styles.menuSection}>
+      <View style={[styles.menuSection, isTablet && styles.menuSectionTablet]}>
         <TouchableOpacity style={styles.menuItem} onPress={openConfig}>
           <Ionicons name="settings" size={24} color={colors.textSecondary} />
           <Text style={styles.menuText}>Configuración</Text>
@@ -463,7 +463,7 @@ export default function ProfileScreen() {
             {searchHistory.map((item) => (
               <View key={item.id} style={styles.searchItem}>
                 <Text style={styles.searchAddress}>{item.address}</Text>
-                <TouchableOpacity 
+                <TouchableOpacity
                   onPress={() => handleDeleteSearch(item.id)}
                   style={styles.searchDelete}
                 >
@@ -484,7 +484,7 @@ export default function ProfileScreen() {
       </View>
 
       {/* Logout Button */}
-      <TouchableOpacity style={styles.logoutButton} onPress={handleLogout}>
+      <TouchableOpacity style={[styles.logoutButton, isTablet && styles.logoutButtonTablet]} onPress={handleLogout}>
         <Ionicons name="log-out" size={20} color={colors.danger} />
         <Text style={styles.logoutText}>Cerrar Sesión</Text>
       </TouchableOpacity>