fix: unify sidebar count badge positioning

[hazre]

Description

Fixes the misaligned of badges and unifies the code under a single component. AI was used to create the unit test and do the mass change to the new component work.

Screenshots

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings

AI disclosure:

• Partially AI assisted (clarify which code was AI assisted and briefly explain what it does).
• Fully AI generated (explain what all the generated code does in moderate detail).

[github-actions]

Deploying with    Cloudflare Workers

Status	Preview URL	Commit	Alias	Updated (UTC)
✅ Deployment successful!	https://pr-484-sable.raspy-dream-bb1d.workers.dev	75d7707	pr-484	Sun, 22 Mar 2026 23:08:04 GMT

[7w1]

Doesn't this ignore the show unread counts setting?

Edit: Wait what i didn't approve these changes github is gaslighting me

[7w1]

respect unread counts