refactor(Style): add SASS to reduce style repetition

- Use list, maps and loops to reduce code duplication with small variations
- Use SASS functions for some extreme cases
- Keep native CSS variables to allow overriding/reference in other
  styles

refactor(Style): change css theme variables to SASS

add sass files from catppuccin to the project instead of importing it from NPM

refactor(Style): use SASS functions to reduce code boilerplate

src/layouts/Layout.astro

@@ -4,7 +4,7 @@ export interface Props {
   title: string;
 }
 
-import '../assets/style/global.css';
+import '../assets/style/style.scss';
 import Navbar from '../components/Navbar.astro';
 import Spinner from '../components/Spinner.astro';