New component to search senior (see #12). Enhance responsiveness and solve #10 and #11

src/components/Dashboard/HomePage/HomePage.tsx

@@ -98,32 +98,33 @@ 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>
+      <MuiThemeProvider theme={themeResp}>
+        <Grid item container className={classes.paddingTop}>
+          <Grid item xs={2} />
+          <Grid item xs={8}>
+            <Typography variant="h2">Your Next Reservation</Typography>
+          </Grid>
+          <Grid item xs={2} />
         </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 departure="" destination="" time="" date="" />
+        <Grid item container style={{ paddingTop: '20px' }}>
+          <Grid item xs={1} lg={2} />
+          <Grid item xs={10} lg={8}>
+            <Reservation departure="" destination="" time="" date="" />
+          </Grid>
+          <Grid item xs={1} lg={2} />
         </Grid>
-        <Grid item xs={1} lg={2} />
-      </Grid>
 
-      <Grid item container className={classes.paddingTop}>
-        <Grid item xs={2} />
-        <Grid item xs={8}>
-          <Typography variant="h3" align="right">
-            Some Our Numbers
-          </Typography>
+        <Grid item container className={classes.paddingTop}>
+          <Grid item xs={2} />
+          <Grid item xs={8}>
+            <Typography variant="h2" align="right">
+              Some Our Numbers
+            </Typography>
+          </Grid>
+          <Grid item xs={2} />
         </Grid>
-        <Grid item xs={2} />
-      </Grid>
-
+      </MuiThemeProvider>
       <Numbers />
     </Grid>
   );