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/TimePickerModal.tsx

@@ -13,7 +13,7 @@ interface TimePickerModalProps {
 }
 
 export const TimePickerModal = ({ visible, initialDate, title, onConfirm, onClose }: TimePickerModalProps) => {
-    const defaultStyles = useDefaultStyles();
+    const defaultStyles = useDefaultStyles('light');
     const [selectedDate, setSelectedDate] = useState<DateType>(initialDate || new Date());
 
     const formatTime = (date?: DateType | null) => {
@@ -36,7 +36,7 @@ export const TimePickerModal = ({ visible, initialDate, title, onConfirm, onClos
             <View className="flex-1 justify-center items-center bg-black/50">
                 <View className="bg-white rounded-xl p-4 w-[90%] max-h-[400px]">
 
-                    {/* Header con chiusura */}
+                    {/* Header */}
                     <View className="flex-row justify-between items-center mb-4">
                         <Text className="text-lg font-bold text-gray-800">{title}</Text>
                         <TouchableOpacity onPress={onClose} className="p-2 bg-gray-100 rounded-full">
@@ -56,7 +56,7 @@ export const TimePickerModal = ({ visible, initialDate, title, onConfirm, onClos
                         onChange={(d) => setSelectedDate(d.date || new Date())}
                     />
 
-                    {/* Bottone conferma */}
+                    {/* Confirm Button */}
                     <TouchableOpacity
                         onPress={handleConfirm}
                         className="mt-4 w-full py-3 bg-[#099499] rounded-xl shadow-lg active:scale-[0.98]"