remove about page, add mantine provider

src/App.tsx

@@ -1,46 +1,48 @@
-import { Box } from '@mantine/core';
+import { MantineProvider, Box } from "@mantine/core";
 import {
   createBrowserRouter,
   RouterProvider,
   // useLoaderData,
-} from 'react-router-dom';
-
-import { KartaPage } from './KartaPage';
-import { Landing } from './Landing';
-import { Article } from './Article';
-import { HeaderSimple } from './Header';
-import { FooterLinks } from './Footer';
-import headerLinks from './assets/header.json';
-import footerLinks from './assets/footer.json';
+} from "react-router-dom";
 
+import { KartaPage } from "./KartaPage";
+// import { Landing } from "./Landing";
+import { Article } from "./Article";
+import { HeaderSimple } from "./Header";
+import { FooterLinks } from "./Footer";
+import headerLinks from "./assets/header.json";
+import footerLinks from "./assets/footer.json";
 
 const router = createBrowserRouter([
   {
     path: "/",
-    element: <KartaPage />
-  },
-  {
-    path: "/about",
-    element: <Landing />
+    element: <KartaPage />,
   },
+  // {
+  //   path: "/about",
+  //   element: <Landing />,
+  // },
   {
     path: "/article/:id",
     element: <Article />,
     loader: async ({ params }) => {
-      return fetch(`http://strapi.litmusmap.ru/api/articles?populate=*&filters[id][$eq]=${params.id}`);
+      return fetch(
+        `http://strapi.litmusmap.ru/api/articles?populate=*&filters[id][$eq]=${params.id}`
+      );
     },
-  }
-])
+  },
+]);
 
 function App() {
-
   return (
-    <Box pos={'absolute'} w={'100%'} top={0}>
-      <HeaderSimple links={headerLinks.links} />
-      <RouterProvider router={router} />
-      <FooterLinks data={footerLinks.data} />
-    </Box >
+    <MantineProvider>
+      <Box pos={"absolute"} w={"100%"} top={0}>
+        <HeaderSimple links={headerLinks.links} />
+        <RouterProvider router={router} />
+        <FooterLinks data={footerLinks.data} />
+      </Box>
+    </MantineProvider>
   );
 }
 
-export default App
+export default App;