Usability fixes and required revamps

[machiav3lli]

Feature Description

Here's a shortlist of the most clear usability issues:

• When expanding one or two backend-lists, navigating the models becomes impossible (identifying where a list of a backend ends and where the next one starts).
  • Solution: Bigger indents or a revamped card layout with clear borders

• Model items became pretty crammed, making interaction targets (i.e. icon buttons) pretty hard to reach:
  • Possible solution: multi-line item layout (similar to the backend items under the backends tab) with name and info-icons in the first line and size and controls in the second line

• No clear labeling of backend "nature": is it an LLM-backend, or TTS, or STT or Image/Video/Graphics/Audio-generation
  • Possible solution: label the backends with info-icons on what they support (text, tts, stt, audio/image/video-gen)

Use Case / Motivation

As the number of the backends and features has increased lately, it seems that the UI is not holding step with it and multiple usability issues popped up. There's a lot of low-hanging fruits to fix the UI.

Platform Relevance

All platforms

Additional Context

No response