Fixed calender Y overflow.

pages/index.tsx

@@ -1,4 +1,4 @@
-import React, { useRef } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { Box } from "@chakra-ui/react";
 import Calender from "../components/calender";
 import { CalenderContextProvider } from "../contexts/CalenderContext";
@@ -16,6 +16,7 @@ const IndexPage = (): JSX.Element => {
     month: parseInt(format(new Date(), "M")),
     day: parseInt(format(new Date(), "d"))
   });
+
   return (
     <Box textAlign="center" w="100%" h="auto" pt="50px" pb="10vh">
       <CalenderContextProvider>