Update add calendar modal, update menu list style (#521)

src/components/Calendar/CalendarSearch.tsx

@@ -40,8 +40,8 @@ function CalendarItem({
     <Box
       key={cal.owner.email + cal.cal["dav:name"]}
       display="flex"
-      alignItems="center"
-      justifyContent="space-between"
+      flexDirection="column"
+      alignItems="flex-start"
       style={{
         borderRadius: 8,
         border: "1px solid #e5e7eb",
@@ -49,7 +49,7 @@ function CalendarItem({
         marginBottom: 8,
       }}
     >
-      <Box display="flex" alignItems="center" gap={2}>
+      <Box display="flex" alignItems="center" gap={2} mb={1}>
         <Avatar
           {...stringAvatar(cal.owner.displayName || cal.owner.email)}
           style={{

src/components/Calendar/CustomCalendar.styl

@@ -363,3 +363,15 @@ tbody > tr.fc-scrollgrid-section:first-of-type .fc-scroller
   margin: 0
 .date-time-group.show-full-field > .MuiBox-root:first-of-type 
   margin-bottom: 8px
+
+li.MuiButtonBase-root.MuiMenuItem-root
+  padding 8px 16px
+  font-size 14px
+  color #243B55
+  min-width 120px
+
+  &:hover
+    background #f6f6f7
+
+hr.MuiDivider-root.MuiDivider-fullWidth
+  margin 0