bug: adjusting window scroll after scrolling the calendar

Author: yoavweber

src/components/CalendarBody.tsx

@@ -72,7 +72,9 @@ function Calendar<T extends GenericEvent>({
   const rowRef = useRef<null | HTMLDivElement>(null);
   useEffect(() => {
     if (rowRef.current) {
+      // INFO: first scrolling both the calendar and the window, and then scrolling back the window
       rowRef.current?.scrollIntoView();
+      window.scrollTo(0, 0);
     }
   }, [rowRef]);
 
@@ -156,6 +158,7 @@ function Calendar<T extends GenericEvent>({
     <div>
       <Table
         rowKey={record => record.id}
+        className="test"
         dataSource={getDayHoursEvents(weekDates, getDayEvents)}
         columns={tableColumns}
         pagination={false}
@@ -168,7 +171,7 @@ function Calendar<T extends GenericEvent>({
                 backgroundColor: 'white',
                 position: 'sticky',
                 boxShadow: 'rgba(0, 0, 0, 0.05) -1px 4px 4px ',
-                zIndex: 1,
+                zIndex: 2,
                 top: 0,
               },
             };