feat: enhance calendar with view sync, Redux fixes, and dynamic slot label dimming

- Sync calendar view state between Calendar and Menubar components
- Fix Redux serialization errors by using string dates instead of Date objects
- Add null checks for eventResize handler to prevent undefined errors
- Implement dynamic slot label dimming near current time indicator
- Slot labels fade to opacity 0.2 when now indicator is within 15 minutes
- Add smooth CSS transitions for better user experience
- Handle edge cases around midnight for proper time calculation
- Update slot label visibility on view changes and time updates

src/features/Events/EventModal.tsx

@@ -71,12 +71,10 @@ function EventPopover({
   const [description, setDescription] = useState(event?.description ?? "");
   const [location, setLocation] = useState(event?.location ?? "");
   const [start, setStart] = useState(
-    event?.start
-      ? new Date(event.start).toISOString()
-      : new Date().toISOString()
+    event?.start ? event.start : ""
   );
   const [end, setEnd] = useState(
-    event?.end ? new Date(event.end)?.toISOString() : new Date().toISOString()
+    event?.end ? event.end : ""
   );
   const [calendarid, setCalendarid] = useState(
     event?.calId

src/features/Events/EventsTypes.ts

@@ -5,8 +5,8 @@ export interface CalendarEvent {
   calId: string;
   uid: string;
   transp?: string;
-  start: Date; // ISO date
-  end?: Date;
+  start: string; // ISO date string
+  end?: string;
   class?: string;
   x_openpass_videoconference?: string;
   title?: string;
@@ -14,7 +14,7 @@ export interface CalendarEvent {
   location?: string;
   organizer?: userOrganiser;
   attendee: userAttendee[];
-  stamp?: Date;
+  stamp?: string;
   sequence?: Number;
   color?: string;
   allday?: boolean;