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

@@ -1,27 +1,14 @@
 /* Classes
 ========================================================================== */
-.clear {
+:global(.clear) {
     @extend %clearfix;
 }
-%center {
-    margin: 0 auto;
-}
-%trbl {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-}
-%full-size {
-    width: 100%;
-    height: 100%;
-}
 
 
 /* Containers
 ========================================================================== */
 // Wrap (global)
-.container {
+:global(.container) {
     width: 100%;
     max-width: var(--container-width);
     margin: 0 auto;
@@ -30,9 +17,4 @@
     @include bp (sm) {
         padding: 0;
     }
-}
-
-// Wrapper (inside and more spaced)
-.wrapper {
-
-}
+}