#72 Зафиксировал часы сверху

planner-front/src/components/MonthCalendarBody/MonthCalendarBody.js

@@ -31,23 +31,25 @@ function MonthCalendarBody({month, year, tasks, createTaskInCellHandler, current
 
   return (
     <Box style={{marginBottom: '30px'}}>
-    <CalendarRow
-            >
-        <CalendarSmallCell xs={1.2}> 
-         <FormControlLabel
-            control={<Switch color="primary" checked={hourFormat} onChange={()=>{setHourFormat(()=>!hourFormat)}}/>}
-            label="1 час"
-            labelPlacement="end"
-          />
-        </CalendarSmallCell>
-        {hoursInDay?.map((hours, i)=>{
-          return (
-            <CalendarStandartCell key={i} xs={cellSizes.standarCell}>
-              {hours}
-            </CalendarStandartCell>
-            ) 
-          })}
-    </CalendarRow>
+      <div style={{position: 'sticky', top: '0px', zIndex: '10', backgroundColor: 'lightgrey'}}>
+        <CalendarRow
+                >
+            <CalendarSmallCell xs={1.2}> 
+            <FormControlLabel
+                control={<Switch color="primary" checked={hourFormat} onChange={()=>{setHourFormat(()=>!hourFormat)}}/>}
+                label="1 час"
+                labelPlacement="end"
+              />
+            </CalendarSmallCell>
+            {hoursInDay?.map((hours, i)=>{
+              return (
+                <CalendarStandartCell key={i} xs={cellSizes.standarCell}>
+                  {hours}
+                </CalendarStandartCell>
+                ) 
+              })}
+        </CalendarRow>
+    </div>
       {daysInMonth?.map((day, i)=>{
         return (
           <CalendarRow