feat: add contact component

- update css
- update data.json
- update types

src/routes/+page.svelte

@@ -4,10 +4,12 @@
 	import Profile from '$lib/components/Profile.svelte';
 	import Projects from '$lib/components/Projects.svelte';
 	import Skills from '$lib/components/Skills.svelte';
+	import Contact from '$lib/components/Contact.svelte';
 
 	let data: Data = content;
 </script>
 
 <Profile {...data.profile} />
 <Projects {...data.projects} />
-<Skills {...data.skills} />
+<Skills {...data.skills} />
+<Contact {...data.contact} />