Settings added (only one part), notification started and highlight added

src/components/settings.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import Legal from "./home_components/legal.vue";
+import Settings_sidebar from "./settings_components/settings_sidebar.vue";
+import Settings_navbar from "./settings_components/settings_navbar.vue";
+import Settings_main from "./settings_components/settings_main.vue";
+import Navigationbar from "./home_components/navigationbar.vue";
+
+const selectedSetting = ref('');
+
+// Aktualisieren der ausgewählten Einstellung
+function handleUpdateSetting(setting: string) {
+  selectedSetting.value = setting;
+  console.log(`Setting got (S): ${setting}`);
+}
+</script>
+
+<template>
+  <div id="main" class="bg-hintergrund-farbe flex">
+    <div id="left" class="border-1 border-b-grau w-72">
+      <navigationbar></navigationbar>
+      <settings_sidebar @updateSetting="handleUpdateSetting"></settings_sidebar>
+    </div>
+    <div class="w-100p">
+      <settings_main :selectedSetting="selectedSetting"></settings_main>
+    </div>
+    <div class="w-1/4">
+      <legal></legal>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+</style>