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

@@ -1,53 +1,3 @@
 // Explore Page
-.explore {
-    // Intro Section
-    &__intro {
-        overflow: hidden;
-        color: $color-tertiary;
-        text-align: center;
-
-        // Title
-        h1 {
-            color: $color-secondary;
-            line-height: 1;
-            margin-top: 56px;
-
-            @include bp (sm) {
-                margin-top: 160px;
-            }
-        }
-        // Text
-        p {
-            max-width: 260px;
-            margin: 40px auto 0;
-            font-weight: 200;
-
-            @include bp (sm) {
-                margin: 72px auto 128px;
-                max-width: 500px;
-            }
-        }
-    }
-    .globe {
-        margin-top: 72px;
-    }
-
-    // Locations
-    &__locations {
-        .browse {
-            margin-bottom: 0;
-        }
-    }
-
-    // Modules
-    .grid-modules {
-        grid-column: span var(--columns);
-        margin: 96px 20px 0;
-        padding-bottom: 40px;
-
-        @include bp (sm) {
-            grid-column: 2 / span 22;
-            margin: 200px 0 72px;
-        }
-    }
-}
+// .explore {
+// }