fix(user): guard openpaasId access during initial render\n\n- Use optional chaining across components reading userData.openpaasId\n- Prevent F5 crash when user data not yet hydrated\n- Cleanup unused imports

src/features/Calendars/CalendarModal.tsx

@@ -30,7 +30,7 @@ function CalendarPopover({
 }) {
   const dispatch = useAppDispatch();
   const userId =
-    useAppSelector((state) => state.user.userData.openpaasId) ?? "";
+    useAppSelector((state) => state.user.userData?.openpaasId) ?? "";
   const [name, setName] = useState(calendar?.name ?? "");
   const [description, setDescription] = useState(calendar?.description ?? "");
   const [color, setColor] = useState(calendar?.color ?? "");

src/features/Events/EventDisplay.tsx

@@ -74,7 +74,7 @@ export default function EventDisplayModal({
   );
 
   const userPersonnalCalendars: Calendars[] = calendars.filter(
-    (c) => c.id?.split("/")[0] === user.userData.openpaasId
+    (c) => c.id?.split("/")[0] === user.userData?.openpaasId
   );
 
   // Form state
@@ -97,7 +97,7 @@ export default function EventDisplayModal({
   const [timezone, setTimezone] = useState(event?.timezone ?? "UTC");
   const [newCalId, setNewCalId] = useState(event?.calId);
   const [calendarid, setCalendarid] = useState(
-    calId.split("/")[0] === user.userData.openpaasId
+    calId.split("/")[0] === user.userData?.openpaasId
       ? userPersonnalCalendars.findIndex((cal) => cal.id === calId)
       : calendars.findIndex((cal) => cal.id === calId)
   );
@@ -198,7 +198,7 @@ export default function EventDisplayModal({
   };
 
   const calList =
-    calId.split("/")[0] === user.userData.openpaasId
+    calId.split("/")[0] === user.userData?.openpaasId
       ? Object.keys(userPersonnalCalendars).map((calendar, index) => (
           <MenuItem key={index} value={index}>
             <Typography variant="body2">

src/features/Events/EventModal.tsx

@@ -46,7 +46,7 @@ function EventPopover({
   const dispatch = useAppDispatch();
 
   const organizer = useAppSelector((state) => state.user.organiserData);
-  const userId = useAppSelector((state) => state.user.userData.openpaasId);
+  const userId = useAppSelector((state) => state.user.userData?.openpaasId) ?? "";
   const selectPersonnalCalendars = createSelector(
     (state) => state.calendars,
     (calendars) =>