🐛 fixed calendar

package.json

@@ -24,7 +24,7 @@
     "query-string": "^6.13.1",
     "ramda": "^0.27.1",
     "react": "^18.0.0",
-    "react-big-calendar": "^0.40.1",
+    "react-big-calendar": "1.15.0",
     "react-dom": "^18.0.0",
     "react-fastclick": "^3.0.2",
     "react-helmet": "^6.1.0",
@@ -45,7 +45,7 @@
     "@types/node": "^12.7.4",
     "@types/ramda": "^0.27.20",
     "@types/react": "^18.0.0",
-    "@types/react-big-calendar": "^0.38.0",
+    "@types/react-big-calendar": "1.15.0",
     "@types/react-dom": "^18.0.0",
     "@types/react-helmet": "^6.1.5",
     "@types/react-outside-click-handler": "^1.3.0",

src/pages/calendar/Calendar.tsx

@@ -119,10 +119,10 @@ export default function Calendar() {
         <title>Calendar</title>
       </Helmet>
       <div className="lg:max-w-6xl m-auto" style={{ height: '85vh' }}>
-        <div className="flex flex-wrap justify-evenly items-center flex-wrap pb-2">
+        <div className="flex justify-evenly items-center flex-wrap pb-2">
           <div className="flex justify-center text-2xl">
             <button className="mr-10" onClick={() => changeMonth(-1)}>
-              <Icon name="arrow-left" />
+              <Icon name="arrow-left" className="h-8" />
             </button>
             <h1 className="font-light capitalize ">
               {selectedDate.toLocaleDateString(language, {
@@ -131,7 +131,7 @@ export default function Calendar() {
               {getYear(selectedDate)}
             </h1>
             <button className="ml-10" onClick={() => changeMonth(1)}>
-              <Icon name="arrow-right" />
+              <Icon name="arrow-right" className="h-8" />
             </button>
           </div>
           <div className="flex mt-2 lg:mt-0">