refactor: moved bsky button styling to its svelte component

src/routes/+layout.svelte

@@ -40,6 +40,12 @@
 		font-size: 1.728rem;
 	}
 
+	.bsky {
+		display: block;
+		height: 2rem;
+		float: right;
+	}
+
 	nav a {
 		margin: 1rem;
 		margin-left: 0rem;

src/routes/+page.server.ts

@@ -2,7 +2,7 @@ import type { SvelteComponent } from 'svelte';
 import type { MDsveXComponent } from '$lib/types';
 
 export interface BlogEntry {
-    name: string;
+    title: string;
     src: string;
     img: string;
     date: string;

src/routes/+page.svelte

@@ -13,14 +13,14 @@
 			This is a collection of things I've set up and created that I think might interest others.
 		</p>
 	</div>
-	{#each blogs as blog}
+	{#each blogs as blog (blog.src)}
 		<a href={blog.src} class="blog-entry">
 			<div>
 				<h4>{blog.title}</h4>
 				<p>{blog.desc}</p>
 				<p class="date">{blog.date}</p>
 			</div>
-			<img src="blog-1.png" class="blog-image" />
+			<img src="blog-1.png" alt="Preview of the described article" />
 		</a>
 		<!-- svelte:component this={page.default} /-->
 	{/each}

src/routes/style.css

@@ -91,11 +91,6 @@ hr {
     color: var(--rp-moon-muted);
 }
 
-.bsky{
-    display:block;
-    height: 2rem;
-    float:right;
-}
 
 h1{font-size: 2.986rem}
 h2{font-size: 2.488rem}