Add Table of Contents for posts

[eXpl0it3r]

Closes #123

Using rehype slug & autolink-headings & toc we can automatically add a Table of Contents to every blog post.

I marked this as draft, as I feel like it could use some more work:

• Make more use of Tailwind CSS instead of custom CSS
• Reduce the size of the Astro config somehow
• Fix the syntax issues with rehype-toc (not sure why VS Code marks it as error)

Not sure if/when I have the time to fix this, but the draft PR could also just serve as inspiration for someone else.

Desktop view

Responsive "tablet" / mobile view

[kunman93]

Good foundation! The TOC feature works end-to-end and the responsive sidebar layout is a nice touch. A few things to address before this is ready:

Functional issues

• The convertToUl hast mutation is redundant — the CSS .toc-sidebar ol { list-style: none } already handles this visually, and removing the JS conversion makes that CSS rule live again (see inline comments).
• h1 is included in the heading list but article bodies almost certainly don't use # h1, so removing it avoids surprising TOC entries.
• The <nav> created by customizeTOC is missing an aria-label, which breaks accessibility when more than one <nav> is on the page.

CSS

• There is a ~160px gap between the max-width: 1279px (mobile) and min-width: 90rem (1440px desktop) breakpoints where neither layout rule fires.

Minor

• Indentation inside rehypePlugins is inconsistent with the rest of the config.
• mb-16 removal affects posts without headings (no TOC rendered), which may look odd.

The VS Code TypeScript error you mentioned is likely caused by rehype-toc being a thin re-export of @jsdevtools/rehype-toc without proper ESM type declarations. You could suppress it with // @ts-ignore above the import, or switch to importing @jsdevtools/rehype-toc directly (it's already installed as a transitive dependency).