Apple calendar sync, timezone, first day of week additions

components/pages/calendar/EventCalendar.tsx

@@ -10,6 +10,7 @@ import {
     selectedDateAtom,
     selectedNewEventDateAtom
 } from "@/components/pages/calendar/atoms";
+import {useAuthContext} from "@/contexts/AuthContext";
 
 interface EventCalendarProps {
     calendarHeight: number;
@@ -17,6 +18,7 @@ interface EventCalendarProps {
 
 export const EventCalendar: React.FC<EventCalendarProps> = memo(({calendarHeight}) => {
     const {data: events} = useGetEvents();
+    const {profileData} = useAuthContext()
     const [selectedDate, setSelectedDate] = useAtom(selectedDateAtom)
     const mode = useAtomValue(modeAtom)
     const setEditVisible = useSetAtom(editVisibleAtom)
@@ -35,6 +37,7 @@ export const EventCalendar: React.FC<EventCalendarProps> = memo(({calendarHeight
                 setEditVisible(true);
                 setEventForEdit(event);
             }}
+            weekStartsOn={profileData?.firstDayOfWeek === "Mondays" ? 1 : 0}
             height={calendarHeight}
             activeDate={selectedDate}
             date={selectedDate}

components/pages/calendar/InnerCalendar.tsx

@@ -20,7 +20,7 @@ export const InnerCalendar = () => {
     return (
         <>
             <View
-                style={{flex: 1, backgroundColor: "#fff", borderRadius: 30}}
+                style={{flex: 1, backgroundColor: "#fff", borderRadius: 30, marginBottom: 60}}
                 ref={calendarContainerRef}
                 onLayout={onLayout}
             >