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

@@ -8,7 +8,7 @@
     }
 
     // Title
-    h1 {
+    :global(h1) {
         margin-top: 56px;
         line-height: 1;
         color: $color-secondary;
@@ -17,8 +17,9 @@
             margin-top: 160px;
         }
     }
+
     // Text
-    p {
+    :global(p) {
         max-width: 300px;
         margin: 40px auto 0;
         font-weight: 200;