🔥 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/components/atoms/SiteTitle.svelte

@@ -1,3 +1,7 @@
+<style lang="scss">
+    @import "../../style/atoms/site-title";
+</style>
+
 <script lang="ts">
     import SplitText from '$components/SplitText.svelte'
     import { reveal, fly } from '$animations/index'