✨ feat(tags): dynamically adjust tag list columns based on tag count

[welpo]

Summary

This PR introduces a dynamic column layout for the tag list. Depending on the number of tags, the tag list will adjust to display in one (up to 8 tags), two (up to 16), or three columns (17 tags and beyond).

Related issue

Closes #230.

Changes

• Implemented SCSS mixins for column count adjustments.
• Updated the Tera template to apply different classes based on the number of tags (two-columns and three-columns), defaulting to a single column layout.
• Added responsive design features with media queries in SCSS to adjust the number of columns based on screen size, ensuring a single column layout on mobile devices.

Accessibility

Should not affect accessibility.

Screenshots

See this short video showcasing the dynamic changes to column count, going from 3 to 1 on mobile width:

responsive.mov

Type of change

• Bug fix (fixes an issue without altering functionality)
• New feature (adds non-breaking functionality)
• Breaking change (alters existing functionality)
• UI/UX improvement (enhances user interface without altering functionality)
• Refactor (improves code quality without altering functionality)
• Documentation update
• Other (please describe below)

---

Checklist

• I have verified the accessibility of my changes
• I have tested all possible scenarios for this change
• I have updated theme.toml with a sane default for the feature
• I have made corresponding changes to the documentation:
  • Updated config.toml comments
  • Updated theme.toml comments
  • Updated "Mastering tabi" post in English
  • (Optional) Updated "Mastering tabi" post in Spanish
  • (Optional) Updated "Mastering tabi" post in Catalan

[arichtman]

Amazing, thanks!