🚧 💄 Implement new settings menu and 3 subpages

- Implement new main settings menu
- Implement "filtering" page
- Implement "appearance" page
- Implement "about" page
- Make the Git hash a link to the Git repo

src/router/index.js

@@ -7,6 +7,9 @@ import HistoryView from "@/views/HistoryView.vue";
 import SettingsView from "@/views/SettingsView.vue";
 import LoginView from "@/views/LoginView.vue";
 import TokenView from "@/views/TokenView.vue";
+import FilteringSettings from "@/views/settings/FilteringSettings.vue";
+import AppearanceSettings from "@/views/settings/AppearanceSettings.vue";
+import AboutPage from "@/views/settings/AboutPage.vue";
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -41,8 +44,25 @@ const router = createRouter({
     },
     {
       path: "/settings",
-      name: "title.settings",
+      name: "title.settings.main",
       component: SettingsView,
+      children: [
+        {
+          path: "filtering",
+          name: "title.settings.filtering",
+          component: FilteringSettings,
+        },
+        {
+          path: "appearance",
+          name: "title.settings.appearance",
+          component: AppearanceSettings,
+        },
+        {
+          path: "about",
+          name: "title.settings.about",
+          component: AboutPage,
+        },
+      ],
     },
     {
       path: "/login",