feat: integrate schema.org support and enhance component structure

- Added schema.org support by introducing `schema-dts` for structured data in components.
- Updated `Head`, `BaseLayout`, and various page components to accept and utilize schema props for better SEO.
- Created new utility schemas for blog posts and website to standardize structured data implementation.
- Enhanced the `SocialLinks` section by utilizing dedicated icon components for improved maintainability.
- Refactored the `Header` component to improve accessibility and structure.
- Introduced new icons for social links and integrated them into the layout.

1 files changed, 8 insertions, 2 deletions

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 8bbd18a..4215a60 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,13 +1,19 @@
 ---
 import Layout from "../layouts/BaseLayout.astro";
+import websiteSchema from "../utils/schemas/websiteSchema";
 
 const title = "404 — Page Not Found | Valentin Popov";
 const description = "The page you're looking for doesn't exist!";
 const lang = "en";
+
+const schema = websiteSchema({
+	siteUrl: new URL("/", Astro.site).toString(),
+	title,
+});
 ---
 
-<Layout title={title} description={description} lang={lang}>
-	<div style="text-align:center;">
+<Layout title={title} description={description} lang={lang} schema={schema}>
+	<div style={{ "text-align": "center" }}>
 		<h1>404</h1>
 		<p><strong>Page not found</strong></p>
 		<p>