added files/folders from new structure

src/App.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Routes, Route } from "react-router-dom";
+import Homepage from "./pages/Homepage";
+import Settings from "./pages/Settings";
+import PersonalizationSettings from "./components/PersonalizationSettings";
+import ApplicationSettings from "./components/ApplicationSettings";
+import BookmarkSettings from "./components/BookmarkSettings";
+import ThemesSettings from "./components/ThemesSettings";
+import ProviderSettings from "./components/ProviderSettings";
+
+function App() {
+    return (
+        <>
+            <Routes>
+                <Route path="/sui" element={<Homepage />} />
+                <Route path="/sui/settings" element={<Settings />}>
+                    <Route path="personalization" element={<PersonalizationSettings />}/>
+                    <Route path="apps" element={<ApplicationSettings />}/>
+                    <Route path="bookmarks" element={<BookmarkSettings />}/>
+                    <Route path="themes" element={<ThemesSettings />}/>
+                    <Route path="providers" element={<ProviderSettings />}/>
+                </Route>
+            </Routes>
+        </>
+    );
+}
+
+export default App;