refactor: enhance site navigation and styling

- Add view transitions for site title
- Update Navbar with hover effects and improved typography
- Modify index page layout with decorative lines and date formatting
- Adjust post publication dates
- Update VSCode dictionary with new terms

src/components/Header.astro

@@ -16,7 +16,10 @@ const marginBottom = {
 
 <header>
   <h1 class={`${marginBottom} mt--5 text-12.8 c-primary font-bold font-title`}>
-    <a href={getLocalizedPath('/')}>
+    <a
+      href={getLocalizedPath('/')}
+      transition:name="site-title"
+    >
       {title}
     </a>
   </h1>