feat: Update assets and improve code comments across multiple components

- Updated favicon and various image assets.
- Enhanced comments.
- Adjusted styles and functionality in several components for improved user experience.
- Updated package-lock.json to reflect dependency updates.

components/AlertComponent.tsx

@@ -11,6 +11,7 @@ interface AlertContextData {
 
 const AlertContext = createContext<AlertContextData>({} as AlertContextData);
 
+// TODO: Move this config to a separate file
 const ALERT_CONFIG = {
   success: {
     icon: CheckCircle,
@@ -57,33 +58,33 @@ export const AlertProvider = ({ children }: { children: ReactNode }) => {
 
   const { icon: Icon, color, bgColor, btnColor } = ALERT_CONFIG[type];
 
+  // TODO: Need to refactor component styles
   return (
     <AlertContext.Provider value={{ showAlert, hideAlert }}>
       {children}
       
-      {/* IL COMPONENTE ALERT MODALE */}
       <Modal
         transparent
         visible={visible}
         animationType="fade"
         onRequestClose={hideAlert}
       >
-        {/* Backdrop scuro */}
+        {/* Dark Backdrop */}
         <TouchableOpacity 
           activeOpacity={1} 
-          onPress={hideAlert} // Chiude se clicchi fuori (opzionale)
+          onPress={hideAlert} // Closes if you click outside (optional)
           className="flex-1 bg-black/60 justify-center items-center px-6"
         >
-          {/* Contenitore Alert */}
+          {/* Alert Container */}
           <TouchableWithoutFeedback>
             <View className="bg-white w-full max-w-sm rounded-3xl p-6 items-center shadow-2xl">
               
-              {/* Icona Cerchiata */}
+              {/* Icon Circle */}
               <View className={`${bgColor} p-4 rounded-full mb-4`}>
                 <Icon size={32} className={color} strokeWidth={2.5} />
               </View>
 
-              {/* Testi */}
+              {/* Texts */}
               <Text className="text-xl font-bold text-gray-900 text-center mb-2">
                 {title}
               </Text>
@@ -92,10 +93,10 @@ export const AlertProvider = ({ children }: { children: ReactNode }) => {
                 {message}
               </Text>
 
-              {/* Pulsante OK */}
+              {/* OK Button */}
               <TouchableOpacity
                 onPress={hideAlert}
-                className={`w-full py-3.5 rounded-xl ${btnColor} active:opacity-90 shadow-sm`}
+                className={`w-full py-3.5 rounded-3xl ${btnColor} active:opacity-90 shadow-sm`}
               >
                 <Text className="text-white text-center font-bold text-lg">
                   Ok, ho capito