- Refactor Profile and Login screens to use AuthContext for user data

- Enhance RequestPermitModal with multiple time-off types and validation
- Implement CalendarWidget for visualizing time-off requests
- Improve API error handling and token management
- Add utility functions for consistent date and time formatting
- Clean up unused mock data and update types

components/TimePickerModal.tsx

@@ -7,11 +7,12 @@ import dayjs from 'dayjs';
 interface TimePickerModalProps {
     visible: boolean;
     initialDate?: DateType;
+    title?: string;
     onConfirm: (time: string) => void;
     onClose: () => void;
 }
 
-export const TimePickerModal = ({ visible, initialDate, onConfirm, onClose }: TimePickerModalProps) => {
+export const TimePickerModal = ({ visible, initialDate, title, onConfirm, onClose }: TimePickerModalProps) => {
     const defaultStyles = useDefaultStyles();
     const [selectedDate, setSelectedDate] = useState<DateType>(initialDate || new Date());
 
@@ -36,7 +37,8 @@ export const TimePickerModal = ({ visible, initialDate, onConfirm, onClose }: Ti
                 <View className="bg-white rounded-xl p-4 w-[90%] max-h-[400px]">
 
                     {/* Header con chiusura */}
-                    <View className="flex-row justify-end items-center mb-4">
+                    <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">
                             <X size={20} color="#4b5563" />
                         </TouchableOpacity>