fix(home): rimuovi icona calendario inutilizzata dall'entry testuale

- Rimossa icona calendar-outline dalla barra di input della Home (il bottone non aveva azione, solo TODO)
- Refactoring prompt notifiche: sostituito Alert nativo con PermissionModal custom
- Aggiunto prompt ottimizzazione batteria per Android tramite PermissionModal
- Aggiunte traduzioni per batteryPrompt in en.json e it.json
- Rimossa emoji dal titolo enablePrompt nelle traduzioni

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: Gabry848

.claude/settings.local.json

@@ -58,7 +58,8 @@
       "Bash(xargs:*)",
       "WebFetch(domain:www.npmjs.com)",
       "WebFetch(domain:docs.expo.dev)",
-      "WebFetch(domain:github.com)"
+      "WebFetch(domain:github.com)",
+      "Bash(git push:*)"
     ],
     "deny": [],
     "defaultMode": "acceptEdits"

src/components/UI/PermissionModal.tsx

@@ -0,0 +1,168 @@
+import React from "react";
+import {
+  Modal,
+  View,
+  Text,
+  TouchableOpacity,
+  StyleSheet,
+  Dimensions,
+} from "react-native";
+import { Ionicons } from "@expo/vector-icons";
+
+const { width } = Dimensions.get("window");
+
+interface PermissionModalProps {
+  visible: boolean;
+  icon: keyof typeof Ionicons.glyphMap;
+  title: string;
+  message: string;
+  primaryLabel: string;
+  secondaryLabel?: string;
+  badge?: string;
+  onPrimary: () => void;
+  onSecondary?: () => void;
+}
+
+const PermissionModal: React.FC<PermissionModalProps> = ({
+  visible,
+  icon,
+  title,
+  message,
+  primaryLabel,
+  secondaryLabel,
+  badge,
+  onPrimary,
+  onSecondary,
+}) => {
+  return (
+    <Modal
+      transparent
+      visible={visible}
+      animationType="fade"
+      statusBarTranslucent
+    >
+      <View style={styles.overlay}>
+        <View style={styles.card}>
+          {badge ? (
+            <View style={styles.badge}>
+              <Text style={styles.badgeText}>{badge}</Text>
+            </View>
+          ) : null}
+
+          <View style={styles.iconWrap}>
+            <Ionicons name={icon} size={36} color="#000000" />
+          </View>
+
+          <Text style={styles.title}>{title}</Text>
+          <Text style={styles.message}>{message}</Text>
+
+          <TouchableOpacity
+            style={styles.primaryButton}
+            onPress={onPrimary}
+            activeOpacity={0.85}
+          >
+            <Text style={styles.primaryButtonText}>{primaryLabel}</Text>
+          </TouchableOpacity>
+
+          {secondaryLabel && onSecondary ? (
+            <TouchableOpacity
+              style={styles.secondaryButton}
+              onPress={onSecondary}
+              activeOpacity={0.7}
+            >
+              <Text style={styles.secondaryButtonText}>{secondaryLabel}</Text>
+            </TouchableOpacity>
+          ) : null}
+        </View>
+      </View>
+    </Modal>
+  );
+};
+
+const styles = StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: "rgba(0, 0, 0, 0.45)",
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: 24,
+  },
+  card: {
+    width: Math.min(width - 48, 360),
+    backgroundColor: "#ffffff",
+    borderRadius: 20,
+    padding: 28,
+    alignItems: "center",
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 8 },
+    shadowOpacity: 0.12,
+    shadowRadius: 24,
+    elevation: 12,
+  },
+  badge: {
+    alignSelf: "flex-end",
+    backgroundColor: "#f0f0f0",
+    borderRadius: 8,
+    paddingHorizontal: 10,
+    paddingVertical: 3,
+    marginBottom: 12,
+  },
+  badgeText: {
+    fontSize: 11,
+    fontWeight: "500",
+    color: "#666666",
+    letterSpacing: 0.2,
+  },
+  iconWrap: {
+    width: 72,
+    height: 72,
+    borderRadius: 36,
+    backgroundColor: "#f5f5f5",
+    justifyContent: "center",
+    alignItems: "center",
+    marginBottom: 20,
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: "600",
+    color: "#000000",
+    letterSpacing: -0.5,
+    textAlign: "center",
+    marginBottom: 12,
+  },
+  message: {
+    fontSize: 14,
+    fontWeight: "400",
+    color: "#555555",
+    lineHeight: 21,
+    textAlign: "center",
+    marginBottom: 28,
+  },
+  primaryButton: {
+    width: "100%",
+    backgroundColor: "#000000",
+    borderRadius: 12,
+    paddingVertical: 14,
+    alignItems: "center",
+    marginBottom: 10,
+  },
+  primaryButtonText: {
+    fontSize: 15,
+    fontWeight: "600",
+    color: "#ffffff",
+    letterSpacing: -0.2,
+  },
+  secondaryButton: {
+    width: "100%",
+    paddingVertical: 12,
+    alignItems: "center",
+  },
+  secondaryButtonText: {
+    fontSize: 14,
+    fontWeight: "400",
+    color: "#888888",
+    letterSpacing: -0.1,
+  },
+});
+
+export default PermissionModal;

src/locales/en.json

@@ -680,10 +680,17 @@
   },
   "notifications": {
     "enablePrompt": {
-      "title": "🔔 Enable notifications",
+      "title": "Enable notifications",
       "message": "Would you like to receive notifications for your task reminders? We'll notify you when a task is due, so you never miss an important deadline.",
       "enable": "Enable",
       "later": "Later"
+    },
+    "batteryPrompt": {
+      "title": "Battery optimization",
+      "badge": "Optional",
+      "message": "To receive notifications even when your phone is in stand-by, we recommend disabling battery optimization for MyTaskly.\n\nWithout this setting, some notifications may not arrive while your device is in power-saving mode.\n\nYou can do this anytime from Settings → Apps → MyTaskly → Battery.",
+      "openSettings": "Open Settings",
+      "skip": "Skip for now"
     }
   },
   "profile": {

src/locales/it.json

@@ -679,10 +679,17 @@
   },
   "notifications": {
     "enablePrompt": {
-      "title": "🔔 Abilita le notifiche",
+      "title": "Abilita le notifiche",
       "message": "Vuoi ricevere notifiche per i promemoria dei tuoi task? Ti avviseremo quando un task è in scadenza, così non perderai mai una scadenza importante.",
       "enable": "Abilita",
       "later": "Più tardi"
+    },
+    "batteryPrompt": {
+      "title": "Ottimizzazione batteria",
+      "badge": "Facoltativo",
+      "message": "Per ricevere notifiche anche quando il telefono è in stand-by, ti consigliamo di disabilitare l'ottimizzazione della batteria per MyTaskly.\n\nSenza questa impostazione, alcune notifiche potrebbero non arrivare mentre il dispositivo è in risparmio energetico.\n\nPuoi farlo in qualsiasi momento da Impostazioni → App → MyTaskly → Batteria.",
+      "openSettings": "Apri Impostazioni",
+      "skip": "Salta per ora"
     }
   },
   "profile": {

src/navigation/index.tsx

@@ -53,6 +53,7 @@ import { TutorialOnboarding } from "../components/Tutorial/exports";
 import { LanguageProvider } from "../contexts/LanguageContext";
 import "../services/i18n"; // Initialize i18n
 import { useTranslation } from 'react-i18next';
+import PermissionModal from "../components/UI/PermissionModal";
 
 // Definizione del tipo per le route dello Stack principale
 export type RootStackParamList = {
@@ -244,7 +245,15 @@ function AppStack() {
   const { triggerPostLoginTutorial } = useTutorialContext();
 
   // 🔔 Inizializza il sistema di notifiche quando l'utente è autenticato
-  const { notification } = useNotifications();
+  const {
+    notification,
+    showNotificationPrompt,
+    showBatteryPrompt,
+    handleNotificationAccept,
+    handleNotificationDismiss,
+    handleBatteryAccept,
+    handleBatteryDismiss,
+  } = useNotifications();
 
   useEffect(() => {
     const checkAuthStatus = async () => {
@@ -375,6 +384,27 @@ function AppStack() {
   return (
     <>
       <NavigationHandler />
+      <PermissionModal
+        visible={showNotificationPrompt}
+        icon="notifications-outline"
+        title={t('notifications.enablePrompt.title')}
+        message={t('notifications.enablePrompt.message')}
+        primaryLabel={t('notifications.enablePrompt.enable')}
+        secondaryLabel={t('notifications.enablePrompt.later')}
+        onPrimary={handleNotificationAccept}
+        onSecondary={handleNotificationDismiss}
+      />
+      <PermissionModal
+        visible={showBatteryPrompt}
+        icon="battery-half-outline"
+        title={t('notifications.batteryPrompt.title')}
+        message={t('notifications.batteryPrompt.message')}
+        primaryLabel={t('notifications.batteryPrompt.openSettings')}
+        secondaryLabel={t('notifications.batteryPrompt.skip')}
+        badge={t('notifications.batteryPrompt.badge')}
+        onPrimary={handleBatteryAccept}
+        onSecondary={handleBatteryDismiss}
+      />
       <Stack.Navigator id={undefined} initialRouteName={initialRoute}>
         <Stack.Screen
           name="WelcomeCarousel"

src/navigation/screens/Home.tsx

@@ -881,14 +881,6 @@ const HomeScreen = () => {
             ]}
           >
             <View style={styles.inputContainer}>
-              <TouchableOpacity
-                style={styles.calendarToggleButton}
-                onPress={() => {/* TODO: Open calendar */}}
-                activeOpacity={0.7}
-                disabled={isLoading}
-              >
-                <Ionicons name="calendar-outline" size={24} color={isLoading ? "#ccc" : "#000"} />
-              </TouchableOpacity>
               <Animated.View
                 style={{
                   opacity: micButtonAnim,
@@ -1125,10 +1117,6 @@ const styles = StyleSheet.create({
     shadowRadius: 12,
     elevation: 3,
   },
-  calendarToggleButton: {
-    marginRight: 8,
-    padding: 4,
-  },
   attachButton: {
     marginRight: 8,
     padding: 4,