feat: Split string

src/components/App.tsx

@@ -1,6 +1,10 @@
 import {BrowserRouter, useRoutes} from "react-router-dom";
 import routesConfig from "../config/routesConfig";
 import Navbar from "./Navbar";
+import {Suspense} from "react";
+import Loading from "./Loading";
+import {ThemeProvider} from "@mui/material";
+import theme from "../config/muiConfig";
 
 const AppRoutes = () => {
   return useRoutes(routesConfig);
@@ -9,10 +13,14 @@ const AppRoutes = () => {
 function App() {
 
   return (
-    <BrowserRouter>
-      <Navbar/>
-      <AppRoutes/>
-    </BrowserRouter>
+    <ThemeProvider theme={theme}>
+      <BrowserRouter>
+        <Navbar/>
+        <Suspense fallback={<Loading/>}>
+          <AppRoutes/>
+        </Suspense>
+      </BrowserRouter>
+    </ThemeProvider>
   )
 }