🚧 💄 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/strings.js

@@ -4,9 +4,14 @@ export const strings = {
       timetable: "Timetable",
       substitutions: "Substitutions",
       history: "History",
-      settings: "Settings",
       login: "Login",
       token: "Token",
+      settings: {
+        main: "Settings",
+        filtering: "Filtering",
+        appearance: "Appearance",
+        about: "About",
+      },
     },
     settings: {
       heading: {
@@ -28,6 +33,7 @@ export const strings = {
           "Select a Theme to change the colors of the app. The 'Auto' option selects a theme based on your system preferences.",
       },
       other: "Other",
+      back: "Back",
       none: "None",
       version: "Version",
       theme: {
@@ -102,8 +108,13 @@ export const strings = {
       timetable: "Stundenplan",
       substitutions: "Vertretungsplan",
       history: "Verlauf",
-      settings: "Einstellungen",
       login: "Anmelden",
+      settings: {
+        main: "Einstellungen",
+        filtering: "Filter",
+        appearance: "Aussehen",
+        about: "Über",
+      },
     },
     settings: {
       heading: {
@@ -125,6 +136,7 @@ export const strings = {
           "Wähle ein Farbschema aus, um die Farben dieser Anwendung anzupassen. Die Option 'Automatisch' wählt ein Farbschema basierend auf den Einstellungen deines Systems aus.",
       },
       other: "Andere",
+      back: "Zurück",
       none: "Keine",
       version: "Version",
       theme: {