Replace context with api.

This keeps the user logged in after tab closing, since state is stored in the server.

src/components/Dashboard/ReservationPage/ReservationDialog.tsx

 import React, { FC } from 'react';
 import {
-  Grid,
-  Typography,
   Dialog,
   DialogActions,
   DialogContent,
@@ -9,15 +7,10 @@ import {
   DialogTitle,
   Button,
 } from '@material-ui/core';
-import AddIcon from '@material-ui/icons/Add';
-import Fab from '@material-ui/core/Fab';
-import { NavBar } from 'components/Dashboard/HomePage/NavBar';
-import { Reservation } from 'components/Dashboard/ReservationPage/Reservation/Reservation';
 import { useReservations } from 'hooks/useReservations';
 import { ReservationProps } from 'components/Dashboard/ReservationPage/Reservation/ReservationProps';
 import { SubmitHandler, useForm } from 'react-hook-form';
 import { InputField } from 'components/Auth/InputField/InputField';
-import { useStyles } from './ReservationPage.style';
 
 type ReservationDialogProps = {
   handleClose: () => void;
@@ -27,7 +20,6 @@ export const ReservationDialog: FC<ReservationDialogProps> = ({
   handleClose,
   isOpen,
 }: ReservationDialogProps) => {
-  const classes = useStyles();
   const { control, handleSubmit } = useForm<ReservationProps>();
 
   const reservation = useReservations();
@@ -41,68 +33,53 @@ export const ReservationDialog: FC<ReservationDialogProps> = ({
 
   return (
     <div data-testid="ReservationDialog">
-      <Grid container direction="column" className={classes.paddingBottom}>
-        <div className={classes.root}>
-          <Grid item>
-            <NavBar />
-          </Grid>
+      <Dialog
+        open={isOpen}
+        onClose={handleClose}
+        aria-labelledby="form-dialog-title"
+      >
+        <form onSubmit={handleSubmit(onSubmit)} data-testid="Form">
+          <DialogTitle id="form-dialog-title">Book New Reservation</DialogTitle>
+          <DialogContent>
+            <DialogContentText>
+              Write here below the details of your next reservation
+            </DialogContentText>
 
-          <Dialog
-            open={isOpen}
-            onClose={handleClose}
-            aria-labelledby="form-dialog-title"
-          >
-            <form onSubmit={handleSubmit(onSubmit)} data-testid="Form">
-              <DialogTitle id="form-dialog-title">
-                Book New Reservation
-              </DialogTitle>
-              <DialogContent>
-                <DialogContentText>
-                  Write here below the details of your next reservation
-                </DialogContentText>
-
-                <InputField
-                  name="name"
-                  label="Name Reservation"
-                  type="text"
-                  control={control}
-                />
-                <InputField
-                  name="date"
-                  label="Reservation date"
-                  type="date"
-                  control={control}
-                />
-                <InputField
-                  name="time"
-                  label="Department Time"
-                  type="time"
-                  control={control}
-                />
-                <InputField
-                  name="destination"
-                  label="Destination"
-                  type="text"
-                  control={control}
-                />
-              </DialogContent>
-              <DialogActions>
-                <Button onClick={handleClose} color="primary">
-                  Cancel
-                </Button>
-                <Button
-                  type="submit"
-                  fullWidth
-                  variant="contained"
-                  color="primary"
-                >
-                  Insert
-                </Button>
-              </DialogActions>
-            </form>
-          </Dialog>
-        </div>
-      </Grid>
+            <InputField
+              name="name"
+              label="Name Reservation"
+              type="text"
+              control={control}
+            />
+            <InputField
+              name="date"
+              label="Reservation date"
+              type="date"
+              control={control}
+            />
+            <InputField
+              name="time"
+              label="Department Time"
+              type="time"
+              control={control}
+            />
+            <InputField
+              name="destination"
+              label="Destination"
+              type="text"
+              control={control}
+            />
+          </DialogContent>
+          <DialogActions>
+            <Button onClick={handleClose} color="primary">
+              Cancel
+            </Button>
+            <Button type="submit" fullWidth variant="contained" color="primary">
+              Insert
+            </Button>
+          </DialogActions>
+        </form>
+      </Dialog>
     </div>
   );
 };