Add new notice

geneit_app/src/routes/family/accommodations/AccommodationsReservationsRoute.tsx

@@ -5,11 +5,13 @@ import interactionPlugin from "@fullcalendar/interaction";
 import listPlugin from "@fullcalendar/list";
 import FullCalendar from "@fullcalendar/react";
 import {
+  Alert,
   Checkbox,
   FormControl,
   FormControlLabel,
   FormGroup,
   FormLabel,
+  Typography,
 } from "@mui/material";
 import React from "react";
 import { FamilyApi, FamilyUser } from "../../../api/FamilyApi";
@@ -101,7 +103,11 @@ export function AccommodationsReservationsRoute(): React.ReactElement {
         errMsg="Echec du chargement de la liste des réservations !"
         build={() => (
           <div style={{ display: "flex", flexDirection: "row" }}>
-            <div style={{ flex: 1, maxWidth: "250px" }}>
+            <div style={{ flex: 1, maxWidth: "250px", marginRight: "20px" }}>
+              <Alert severity="info">
+                Cliquez sur le calendrier pour créer une réservation.
+              </Alert>
+
               {/* Invitation status */}
               <FormControl
                 sx={{ m: 3 }}