🔥 Huge style refactoring by using SvelteKit built-in style tag

It's been tricky but got there finally! Hello `:global`
- Avoid using one global CSS file containing everything
- Import the component SCSS file in a script tag from the component file to allow style scoping and including it only when used

src/style/molecules/_switcher.scss

@@ -51,7 +51,7 @@
                 background: rgba($color-tertiary, 0.2);
             }
         }
-        .icon {
+        :global(.icon) {
             display: block;
             width: 32px;
             height: 32px;