Some bug fixes and UI improvements

[babakfp]

Hi

This PR includes many things that are not related to each other or any open issues.

This PR doesn't include any breaking or extreme change.

This PR includes:

• Simple typo fixes and simple readability improvements.
• UI/UX improvements.
• Removing duplicate and unnecessary code and unnecessary complications.
• UI bug fixes.
• Cleaner HTML structure.
• Fixes semantically incorrect HTML structure.
• Hides an element when its content becomes hidden due to a condition or if a slot remains unused while the wrapper of that slot is visible.

---

There is this comment you can find in this commit:

<!-- TODO: If you try to search for a channel name that doesn't exist, you will receive error 500 -->

I didn't know where to put it.

[w3cj]

The main branch I'm working on is here right now: https://github.com/CodingGarden/listd/tree/setup-coverage-reports

I plan to get it merged into main today. You'll need to make sure your changes do not conflict. Closing for now.

Also, before making a PR, you should open an issue to make sure these are changes we actually need / want. https://github.com/CodingGarden/listd/blob/main/CONTRIBUTING.md#prerequisites

After opening an issue, each fix should be a separate PR.