Adding correct SCSS file integration with Svelte

front/src/Components/Menu/MenuIcon.svelte

@@ -10,17 +10,17 @@
     </section>
 </main>
 
-<style>
+<style lang="scss">
     .menuIcon button {
         background-color: black;
         color: white;
         border-radius: 7px;
         padding: 2px 8px;
-    }
-    .menuIcon button img{
-        width: 14px;
-        padding-top: 0;
-        /*cursor: url('/resources/logos/cursor_pointer.png'), pointer;*/
+        img {
+            width: 14px;
+            padding-top: 0;
+            /*cursor: url('/resources/logos/cursor_pointer.png'), pointer;*/
+        }
     }
     .menuIcon section {
         margin: 10px;

front/src/WebRtc/Stores/RequestedConstraintsStore.ts

@@ -1,22 +0,0 @@
-import { derived, writable, Writable } from "svelte/store";
-
-class RequestedConstraintsStore {
-    constructor(
-        public camera: Writable<boolean> = writable(false),
-        public microphone: Writable<boolean> = writable(false),
-    ) { }
-
-    get fullname() {
-        // Use derived to access writable values and export as readonly
-        return derived(
-            [this.camera, this.microphone],
-            ([$camera, $microphone]) => {
-                console.log("cam or mic", $camera || $microphone)
-                return $camera || $microphone;
-            }
-        )
-    }
-}
-
-// Export a singleton
-export const myFormStore = new MyFormStore();