fix link to latest blog post on home page

src/pages/index.astro

@@ -35,14 +35,15 @@ const latestPost = posts.sort(
 		development, and whatever else strikes my fancy.
 	</p>
 	<p>
-		Read my latest blog post, <a href={`blog/${latestPost.slug}`}
+		Read my latest blog post, <a href={`blog/${latestPost.id}`}
 			>{latestPost.data.title}</a
 		>, posted on {new Date(latestPost.data.pubDate).toLocaleDateString()}.
 	</p>
 	<p>
 		If your interested in checking out my web dev projects, check out <a
 			href="https://ghall.dev/"
-			target="_blank">my portfolio</a
+			target="_blank"
+			rel="noopener noreferrer">my portfolio</a
 		>.
 	</p>
 	<p>
@@ -50,17 +51,20 @@ const latestPost = posts.sort(
 			rel="me"
 			href="https://mastodon.social/@ghalldev"
 			target="_blank"
+			rel="noopener noreferrer"
 			><MastodonIcon width={iconSize} height={iconSize} />Mastodon</a
 		> and <a
 			href="https://bsky.app/profile/ghalldev.bsky.social"
 			target="_blank"
+			rel="noopener noreferrer"
 			><BlueskyIcon width={iconSize} height={iconSize} />Bluesky</a
 		>.
 	</p>
 	<p>
 		My portrait was drawn by <a
 			href="https://www.nataliavazquezgarcia.com"
-			target="_blank">Natalia Vazquez</a
+			target="_blank"
+			rel="noopener noreferrer">Natalia Vazquez</a
 		>.
 	</p>
 	<LatestPost />