feat: add skills component

- update css
- update some styles
- update data.json
- update types

src/routes/+page.svelte

@@ -3,9 +3,11 @@
 	import type { Data } from '$lib/types/data';
 	import Profile from '$lib/components/Profile.svelte';
 	import Projects from '$lib/components/Projects.svelte';
+	import Skills from '$lib/components/Skills.svelte';
 
 	let data: Data = content;
 </script>
 
 <Profile {...data.profile} />
-<Projects {...data.projects} />
+<Projects {...data.projects} />
+<Skills {...data.skills} />