fix: add i18n support for parapharmacy products and notification bell

- Mobile: Replace hardcoded Spanish in map.tsx with t() calls
- Mobile: Add notification bell to parapharmacy product detail screen
- Mobile: Add map/product i18n keys to es.js and ca.js locales
- Web: Add useTranslation to ProductView.jsx, replace all hardcoded strings
- Web: Add 24 productView.* translation keys to es.js and ca.js locales
- Fix 'Disponible en X farmacias' to respect language setting

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

@@ -7,10 +7,12 @@ import { LoadingSpinner } from '../../components/LoadingSpinner';
 import { useThemeContext } from '../../components/ThemeProvider';
 import { spacing, borderRadius } from '../../constants/theme';
 import { Pharmacy } from '../../types';
+import { useTranslation } from '../../src/i18n';
 
 export default function MapScreen() {
   const router = useRouter();
   const { colors } = useThemeContext();
+  const { t } = useTranslation();
   const [pharmacies, setPharmacies] = useState<Pharmacy[]>([]);
   const [isLoading, setIsLoading] = useState(true);
   const [region, setRegion] = useState({
@@ -45,7 +47,7 @@ export default function MapScreen() {
   }, []);
 
   if (isLoading) {
-    return <LoadingSpinner message="Cargando farmacias..." />;
+    return <LoadingSpinner message={t('map.loadingPharmacies')} />;
   }
 
   return (
@@ -73,7 +75,7 @@ export default function MapScreen() {
       
       <View style={[styles.legend, { backgroundColor: colors.card }]}>
         <Text style={[styles.legendText, { color: colors.text }]}>
-          {pharmacies.length} farmacias en el mapa
+          {t('map.pharmaciesOnMap', { count: pharmacies.length })}
         </Text>
       </View>
     </View>