blog: Update blog content, update code block styling (#41)

* blog: Update `Card Component` section

* blog(format): reorder blog post, move `Card` up and `NavBar` down

* blog: Update `Card` section, and add `Projects` section

* blog: update `Projects`, move Navbar to a separate post

* style: update code block font and padding

* style: remove backticks from code blocks, update padding and margin

* blog: remove footer, move markdown styling up, small misc updates

src/layouts/MDLayout.astro

@@ -54,7 +54,8 @@ const schema = JSON.stringify(jsonLD, null, 2);
     <article
       class="prose dark:prose-invert max-w-sm sm:max-w-lg md:max-w-xl lg:max-w-2xl xl:max-w-3xl prose-h1:pt-2
 
-      prose-code:text-accent-600 prose-code:dark:text-accent-400 prose-code:font-normal
+      prose-code:text-accent-600 prose-code:dark:text-sky-400 prose-code:font-medium prose-code:py-1 prose-code:px-2 prose-code:mx-[0.5px]
+      before:prose-code:hidden after:prose-code:hidden
 
       prose-a:decoration-accent-400 prose-a:underline-offset-[3px] prose-a:transition-colors prose-a:duration-100 hover:prose-a:text-accent-300