refactor: major nitpicks

- refactor: change default import alias
- feat: add icons to breadcrumbs
- fix: add `site_name` og tag
- feat: hover on feedback for `Link`s and `TableofContentsHeadings`
- fix: add `external` to `SocialIcons`

src/content/blog/the-state-of-static-blogs/index.mdx

@@ -70,18 +70,11 @@ This is a non-exhaustive list of features I believe are essential for a friction
 
   This needs to be in every single template. This is an example of it being used in my `<Link>{:tsx}` component:
 
-  ```astro showLineNumbers title="src/components/Link.astro" caption="A custom Link component with tailwind-merge and clsx" {17-21}
+  ```astro showLineNumbers title="src/components/Link.astro" caption="A custom Link component with tailwind-merge and clsx" {16-20}
   ---
-  import { cn } from '@lib/utils'
+  import { cn } from '@/lib/utils'
 
-  const {
-    href,
-    external,
-    class: className,
-    underline,
-    'data-heading': dataHeading,
-    ...rest
-  } = Astro.props
+  const { href, external, class: className, underline, ...rest } = Astro.props
   ---
 
   <a
@@ -89,10 +82,10 @@ This is a non-exhaustive list of features I believe are essential for a friction
     target={external ? '_blank' : '_self'}
     class={cn(
       'inline-block transition-colors duration-300 ease-in-out',
-      underline && 'underline underline-offset-[3px]',
+      underline &&
+        'underline decoration-muted-foreground underline-offset-[3px] hover:decoration-foreground',
       className,
     )}
-    data-heading={dataHeading}
     {...rest}
   >
     <slot />