Merge personal area.

src/components/AuthUser/Dashboard/HomePage/HomePage.tsx

@@ -15,6 +15,7 @@ import { NavBarLogin } from 'components/AuthUser/Dashboard/HomePage/NavBarLogin'
 import { Numbers } from 'components/AuthUser/Dashboard/HomePage/Numbers';
 import { Steps } from 'components/AuthUser/Dashboard/HomePage/Steps';
 import { NavBar } from 'components/AuthUser/Dashboard/HomePage/NavBar';
+import { Reservation } from 'components/AuthUser/Dashboard/ReservationPage/Reservation/Reservation';
 
 let themeResp = createMuiTheme();
 themeResp = responsiveFontSizes(themeResp);
@@ -98,6 +99,22 @@ export const HomePage: FC = () => {
         </MuiThemeProvider>
       </div>
 
+      <Grid item container className={classes.paddingTop}>
+        <Grid item xs={2} />
+        <Grid item xs={8}>
+          <Typography variant="h3">Your Next Reservation</Typography>
+        </Grid>
+        <Grid item xs={2} />
+      </Grid>
+
+      <Grid item container style={{ paddingTop: '20px' }}>
+        <Grid item xs={1} lg={2} />
+        <Grid item xs={10} lg={8}>
+          <Reservation />
+        </Grid>
+        <Grid item xs={1} lg={2} />
+      </Grid>
+
       <Grid item container className={classes.paddingTop}>
         <Grid item xs={2} />
         <Grid item xs={8}>