Cursor hover for overflow dates. Fixed overflow info in context.

components/calender/index.tsx

@@ -101,6 +101,11 @@ const Calender = (newDate?: UpdateCalendarProps): JSX.Element => {
                 w="100%"
                 h="100%"
                 key={date}
+                {...(isOverflow && {
+                  _hover: {
+                    cursor: "pointer"
+                  }
+                })}
                 {...(isOverflow && {
                   onClick: () => {
                     if (overflowDirection === "next") {

contexts/CalenderContext.tsx

@@ -191,6 +191,7 @@ const CalenderContextProvider = ({
 
       thisWeek.forEach((e, i) => {
         const overflowInfo = isOverflow(selectedDate, sunCurrDate);
+
         const day: MonthDay = {
           ...overflowInfo,
           date: sunCurrDate
@@ -222,8 +223,10 @@ const CalenderContextProvider = ({
       const thisWeek = mondays[week];
 
       thisWeek.forEach((e, i) => {
+        const overflowInfo = isOverflow(selectedDate, sunCurrDate);
+
         const day: MonthDay = {
-          isOverflow: isOverflow(selectedDate, monCurrDate),
+          ...overflowInfo,
           date: monCurrDate
         };
         monCurrDate = add(monCurrDate, {