Simplify folders and more typescript migration

src/components/blog/HighlightedPosts.astro

@@ -1,6 +1,7 @@
 ---
 import Grid from '~/components/blog/Grid.astro';
 
+import { getBlogPermalink } from '~/utils/permalinks';
 import { findPostsByIds } from '~/utils/posts';
 
 const ids = [
@@ -15,7 +16,12 @@ const posts = await findPostsByIds(ids);
 <section class="px-4 py-16 mx-auto max-w-6xl lg:py-20">
 	<div class="flex flex-col mb-6 lg:justify-between lg:flex-row md:mb-8">
 		<h2 class="max-w-lg mb-2 text-3xl font-bold tracking-tight sm:text-4xl sm:leading-none lg:mb-5 group font-heading">
-			<span class="inline-block mb-1 sm:mb-4">Find out more content<br class="hidden md:block" /> in our Blog</span>
+			<span class="inline-block mb-1 sm:mb-4"
+				>Find out more content<br class="hidden md:block" /> in our <a
+					class="hover:text-primary-600 underline underline-offset-4 decoration-1 decoration-dotted transition ease-in duration-200"
+					href={getBlogPermalink()}>Blog</a
+				>
+			</span>
 		</h2>
 
 		<p class="text-gray-700 dark:text-slate-400 lg:text-sm lg:max-w-md">