initialize settings page

src/views/SettingsView.vue

@@ -1,3 +1,33 @@
 <template>
-<div class="settings">Hello, settings here 😁</div>
-</template>
+  <div class="settingspage">
+    <div class="scrollable">
+      <Content :current="0" />
+    </div>
+    <Nav />
+  </div>
+</template>
+
+<script setup lang="ts">
+import Nav from "@/components/SettingsView/Nav.vue";
+import Content from "../components/SettingsView/Content.vue";
+</script>
+
+<style lang="scss">
+.settingspage {
+  height: 100%;
+  padding: 1rem;
+  display: grid;
+  grid-template-rows: 1fr max-content;
+  gap: 1rem;
+  background-color: $black;
+
+  .scrollable {
+    overflow: auto;
+    margin-top: 1rem;
+    
+    @include for-desktop-down {
+      margin-top: 0;
+    }
+  }
+}
+</style>