feat: enhance accessibility and language support across components

- Updated various components to include `lang` attributes for improved accessibility and SEO.
- Introduced a new `env.d.ts` file to define environment variables for better type safety.
- Adjusted the print width in `.prettierrc.mjs` for improved code formatting.
- Streamlined the `Header`, `PostElement`, and `SocialLinks` components for better structure and clarity.
- Added language support to blog posts and updated the layout to reflect these changes.

3 files changed, 7 insertions, 8 deletions

diff --git a/src/components/Sections/LatestPosts.astro b/src/components/Sections/LatestPosts.astro
index 04ce9fe..070dc46 100644
--- a/src/components/Sections/LatestPosts.astro
+++ b/src/components/Sections/LatestPosts.astro
@@ -26,7 +26,9 @@ const latestPosts = posts.slice(0, 5);
 		{
 			latestPosts.map((post) => (
 				<li>
-					<a href={`/blog/${post.slug}`}>{post.data.title}</a>
+					<a href={`/blog/${post.slug}`} lang={post.data.lang}>
+						{post.data.title}
+					</a>
 					<small>{dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY")}</small>
 				</li>
 			))
diff --git a/src/components/Sections/SocialLinks.astro b/src/components/Sections/SocialLinks.astro
index ff04834..53b8243 100644
--- a/src/components/Sections/SocialLinks.astro
+++ b/src/components/Sections/SocialLinks.astro
@@ -19,7 +19,7 @@
 <section>
 	<div>
 		<a href="https://github.com/valentineus" title="GitHub" target="_blank">
-			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="GitHub">
 				<path
 					d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"
 				>
@@ -27,13 +27,13 @@
 			</svg>
 		</a>
 		<a href="mailto:valentin@popov.link" title="E-Mail" target="_blank">
-			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="E-Mail">
 				<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
 				<polyline points="22,6 12,13 2,6"></polyline>
 			</svg>
 		</a>
 		<a href="/feed.xml" title="RSS" target="_blank">
-			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="RSS">
 				<path d="M4 11a9 9 0 0 1 9 9"></path>
 				<path d="M4 4a16 16 0 0 1 16 16"></path>
 				<circle cx="5" cy="19" r="1"></circle>
diff --git a/src/components/Sections/Welcome.astro b/src/components/Sections/Welcome.astro
index acbeeac..8056202 100644
--- a/src/components/Sections/Welcome.astro
+++ b/src/components/Sections/Welcome.astro
@@ -1,10 +1,7 @@
 <section>
 	<div>
 		<h1>Hi, I'm Valentin Popov 👋</h1>
-		<p>
-			I'm a professional software developer currently working as a project manager and team lead. On my personal website, I share thoughts on tech, leadership, and digital
-			life.
-		</p>
+		<p>I'm a professional software developer currently working as a project manager and team lead. On my personal website, I share thoughts on tech, leadership, and digital life.</p>
 		<p>Welcome, and feel free to explore!</p>
 	</div>
 </section>