fix: align buttons in the navigation

[ShGKme]

☑️ Resolves

• Fix Sidebar "Settings" and "Archived" buttons misaligned with other apps #16320
• Fix 'Talk settings' button appearance #13924
• 👁️👃👁️ Review without whitespaces by commits
• Alignment:
  • Icons aligned by width and icons' centers
  • Text aligned by the position on the left
  • Adapts to the compact mode
• Counter/badge style mention on Archived conversations
• Paddings:
  • 2x padding on entire navigation perimeter
  • 2x padding between search block and buttons
  • 1x padding between items, including visual padding between top buttons and the list, the list and the bottom block
• Chips aligned with the search and moved closer

AI (if applicable)

• The content of this PR was partly or fully generated using AI

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before	🏡 After

🏁 Checklist

• 🌏 Tested with different browsers / clients:
  • Chromium (Chrome / Edge / Opera / Brave)
  • Firefox
  • Safari
  • Talk Desktop
  • Integrations with Files sidebar and other apps
  • Not risky to browser differences / client
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

[nickvergessen]

Visually good

[ShGKme]

Notes:

• NcListItem doesn't fit well: doesn't support buttons well and still requires dirty overrides
• NcAppNavigationItem - even more limited

NcButton also needed hacks.

I don't see any good solution here without components rethinking.

[Antreesy]

Code-wise also good 👌🏽
it's 34 only?

[ShGKme]

it's 34 only?

I think so

[ShGKme]

Might need rework with the new design:

• feat: change NcAppNavigationItem/NcListItem active state design and NcAppContent edge style on Nextcloud 34+ nextcloud-libraries/nextcloud-vue#8448

[ShGKme]

Might need rework with the new design

Will need, but it only results in the old design for active Home button and the required change is a significant amount if work or library changes.