Faro & grafana improvements

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

@@ -1,11 +1,13 @@
 import React, { useState, useEffect } from 'react';
-import { View, Text, StyleSheet, TouchableOpacity, Alert, TextInput, ScrollView, Image, ActivityIndicator, Modal, Pressable } from 'react-native';
+import { View, Text, StyleSheet, TouchableOpacity, Alert, TextInput, ScrollView, Image, ActivityIndicator, Modal, Pressable, useWindowDimensions } from 'react-native';
 import { useRouter } from 'expo-router';
 import { Ionicons } from '@expo/vector-icons';
 import * as ImagePicker from 'expo-image-picker';
 import { useAuth } from '../../hooks/useAuth';
 import { colors, spacing, borderRadius } from '../../constants/theme';
 
+const TABLET_MIN_WIDTH = 768;
+
 const AVATARS = [
   require('../../assets/avatars/avatar1.png'),
   require('../../assets/avatars/avatar2.png'),
@@ -44,6 +46,8 @@ interface Address {
 
 export default function ProfileScreen() {
   const router = useRouter();
+  const { width } = useWindowDimensions();
+  const isTablet = width >= TABLET_MIN_WIDTH;
   const { user, isAuthenticated, isLoading, logout, isAdmin } = useAuth();
 
   const [firstName, setFirstName] = useState(user?.first_name || '');
@@ -388,16 +392,16 @@ export default function ProfileScreen() {
     return (
       <View style={styles.container}>
         <View style={styles.authPrompt}>
-          <Ionicons name="person-outline" size={64} color={colors.textSecondary} />
-          <Text style={styles.authTitle}>Inicia Sesión</Text>
-          <Text style={styles.authSubtitle}>
+          <Ionicons name="person-outline" size={isTablet ? 80 : 64} color={colors.textSecondary} />
+          <Text style={[styles.authTitle, isTablet && styles.authTitleTablet]}>Inicia Sesión</Text>
+          <Text style={[styles.authSubtitle, isTablet && styles.authSubtitleTablet]}>
             Inicia sesión para acceder a todas las funcionalidades
           </Text>
           <TouchableOpacity
-            style={styles.button}
+            style={[styles.button, isTablet && styles.buttonTablet]}
             onPress={() => router.push('/auth/login')}
           >
-            <Text style={styles.buttonText}>Iniciar Sesión</Text>
+            <Text style={[styles.buttonText, isTablet && styles.buttonTextTablet]}>Iniciar Sesión</Text>
           </TouchableOpacity>
           <TouchableOpacity
             style={styles.linkButton}