event creation button on sidebar (#140)

* [#139] added button on sidebar

* fixup! [#139] added button on sidebar

---------

Co-authored-by: Camille Moussu <cmoussu@linagora.com>

src/components/Calendar/Calendar.tsx

@@ -31,9 +31,11 @@ import EventPreviewModal from "../../features/Events/EventDisplayPreview";
 import { createSelector } from "@reduxjs/toolkit";
 import HelpOutlineIcon from "@mui/icons-material/HelpOutline";
 import ClearIcon from "@mui/icons-material/Clear";
+import AddIcon from "@mui/icons-material/Add";
 import AccessTimeIcon from "@mui/icons-material/AccessTime";
 import LockIcon from "@mui/icons-material/Lock";
 import { userAttendee } from "../../features/User/userDataTypes";
+import Button from "@mui/material/Button";
 
 const computeStartOfTheWeek = (date: Date): Date => {
   const startOfWeek = new Date(date);
@@ -178,6 +180,12 @@ export default function CalendarApp() {
   return (
     <main className="main-layout">
       <div className="sidebar">
+        <Button
+          variant="contained"
+          onClick={() => handleDateSelect(null as unknown as DateSelectArg)}
+        >
+          <AddIcon /> <p>Create Event</p>
+        </Button>
         <div className="calendar-label">
           <div className="calendar-label">
             <span title="mini calendar month">