709 adapt creation modal to mobile view (#744)

* [#709] adapt creation modal to mobile view
* [#709] extracted time and date pickers to relevant subcomponents
* [#709] add bottom sheet to creation modal
* [#709] set autocomplete to off in title and location
* [#709] remove autofocus in event update modal

src/components/Timezone/SmallTimeZoneSelector.tsx

@@ -4,7 +4,8 @@ import {
   Box,
   TextField,
   List,
-  InputAdornment
+  InputAdornment,
+  useTheme
 } from '@linagora/twake-mui'
 import { Search as SearchIcon } from '@mui/icons-material'
 import React, { useState, useMemo, useEffect, useRef } from 'react'
@@ -34,6 +35,8 @@ export const SmallTimezoneSelector: React.FC<
 > = ({ value, onChange, referenceDate, onClose, open }) => {
   const { t } = useI18n()
 
+  const theme = useTheme()
+
   const [searchQuery, setSearchQuery] = useState('')
   const timezoneList = useTimeZoneList()
 
@@ -118,6 +121,7 @@ export const SmallTimezoneSelector: React.FC<
           sx: { height: '90%', maxHeight: '90dvh' }
         }
       }}
+      sx={{ zIndex: theme.zIndex.modal + 100 }}
     >
       <Box sx={{ px: 2 }}>
         <TextField