feat: add footer component

- add lucide svelte icon library
- add footer section to data.json
- add footer types
- add css variables
- update header position mobile

src/routes/+layout.svelte

@@ -5,6 +5,7 @@
 	import Header from '$lib/components/Header.svelte';
 	import content from '$lib/data/data.json';
 	import type { Data } from '$lib/types/data';
+	import Footer from '$lib/components/Footer.svelte';
 
 	let { children } = $props();
 	let data: Data = content;
@@ -16,3 +17,4 @@
 
 <Header {...data.header} />
 {@render children()}
+<Footer {...data.footer} />