feat: add projects component

- add projects section to data.json
- add projects types
- add css variables
- update headline styles
- rename intro to profile

src/routes/+page.svelte

@@ -1,9 +1,11 @@
 <script lang="ts">
 	import content from '$lib/data/data.json';
 	import type { Data } from '$lib/types/data';
-	import Intro from '$lib/components/Intro.svelte';
+	import Profile from '$lib/components/Profile.svelte';
+	import Projects from '$lib/components/Projects.svelte';
 
 	let data: Data = content;
 </script>
 
-<Intro {...data.intro} />
+<Profile {...data.profile} />
+<Projects {...data.projects} />