feat(not found): add friendly button navigation to homepage (#2798) (#292)

* fix(ui): add padding to ListView, keep same with GridView

* Update ListView.tsx

fix(ui): add padding to ListView, keep same with GridView

* feat(not found): add friendly button navigation to homepage

* Update ListView.tsx

* Update NoMatch.tsx

* Update NoMatch.tsx

src/component/Pages/NoMatch.tsx

@@ -1,10 +1,14 @@
+import { LoadingButton } from "@mui/lab";
 import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
 import { Box, Typography } from "@mui/material";
 import React from "react";
 import DismissCircleFilled from "../Icons/DismissCircleFilled.tsx";
 
 const NoMatch = () => {
   const { t } = useTranslation();
+  const navigate = useNavigate();
+
   return (
     <Box
       sx={{
@@ -12,7 +16,6 @@ const NoMatch = () => {
         flexDirection: "column",
         alignItems: "center",
         pt: 7,
-        pb: 9,
       }}
     >
       <DismissCircleFilled fontSize={"large"} color={"action"} />
@@ -25,6 +28,17 @@ const NoMatch = () => {
       >
         {t("common:pageNotFound")}
       </Typography>
+      <LoadingButton
+        sx={{
+          mt: 7,
+        }}
+        onClick={() => navigate("/")}
+        fullWidth
+        variant="contained"
+        color="primary"
+      >
+        <span>{t("application:navbar.backToHomepage")}</span>
+      </LoadingButton>
     </Box>
   );
 };