🔥 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/_base.scss

@@ -52,7 +52,7 @@ button {
     border: none;
     cursor: pointer;
 
-    &[disabled] {
+    &:global([disabled]) {
         cursor: not-allowed;
     }
 }