UI/update global UI (#459)

* Update loading screen to use Lottie animation

- Replace simple logo with Lottie animation from loadercalendar.lottie
- Center animation on screen with full viewport coverage
- Set animation width to 175px
- Install @lottiefiles/dotlottie-react package

* update spacing event modal

* add twake workplace logo to loading screen

* update spacing create calendar modal

* fix evenchip description color

* using variant instead of sx

src/components/Event/EventRepeat.tsx

@@ -80,7 +80,7 @@ export default function RepeatEvent({
       <Stack>
         {/* Interval */}
         <Box display="flex" alignItems="center" gap={2} mb={2}>
-          <Typography>{t("event.repeat.repeatEvery")}</Typography>
+          <Typography variant="h6">{t("event.repeat.repeatEvery")}</Typography>
           <TextField
             type="number"
             value={repetition.interval ?? 1}
@@ -161,7 +161,7 @@ export default function RepeatEvent({
 
         {/* End options */}
         <Box>
-          <Typography variant="body2" gutterBottom>
+          <Typography variant="h6" gutterBottom>
             {t("event.repeat.end.label")}
           </Typography>
           <RadioGroup
@@ -193,7 +193,11 @@ export default function RepeatEvent({
               disabled={!isOwn}
               value="never"
               control={<Radio />}
-              label={t("event.repeat.end.never")}
+              label={
+                <Typography variant="h6">
+                  {t("event.repeat.end.never")}
+                </Typography>
+              }
             />
 
             <FormControlLabel
@@ -202,7 +206,9 @@ export default function RepeatEvent({
               control={<Radio />}
               label={
                 <Box display="flex" alignItems="center" gap={1}>
-                  {t("event.repeat.end.after")}
+                  <Typography variant="h6">
+                    {t("event.repeat.end.after")}
+                  </Typography>
                   <TextField
                     type="number"
                     size="small"
@@ -218,7 +224,9 @@ export default function RepeatEvent({
                     inputProps={{ min: 1, "data-testid": "occurrences-input" }}
                     disabled={!isOwn || endOption !== "after"}
                   />
-                  {t("event.repeat.end.occurrences")}
+                  <Typography variant="h6">
+                    {t("event.repeat.end.occurrences")}
+                  </Typography>
                 </Box>
               }
             />
@@ -229,7 +237,9 @@ export default function RepeatEvent({
               control={<Radio />}
               label={
                 <Box display="flex" alignItems="center" gap={1}>
-                  {t("event.repeat.end.on")}
+                  <Typography variant="h6">
+                    {t("event.repeat.end.on")}
+                  </Typography>
                   <TextField
                     type="date"
                     inputProps={{ "data-testid": "end-date" }}