Make message feed hideable

[jamesturner246]

Description

Make the Kafka message feed hideable with _hyperscript (<- very nice syntax).

Users can hide the feed with the X icon, and click another button to open the feed. Each button is hidden when not relevant.

Fixes #120

Type of change

• Documentation (non-breaking change that adds or improves the documentation)
• New feature (non-breaking change which adds functionality)
• Optimization (non-breaking, back-end change that speeds up the code)
• Bug fix (non-breaking change which fixes an issue)
• Breaking change (whatever its nature)

Key checklist

• All tests pass (eg. python -m pytest)
• The documentation builds and looks OK (eg. python -m sphinx -b html docs docs/build)
• Pre-commit hooks run successfully (eg. pre-commit run --all-files)

Further checks

• Code is commented, particularly in hard-to-understand areas
• Tests added or an issue has been opened to tackle that in the future. (Indicate issue here: # (issue))

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 79.25%. Comparing base (61373b8) to head (4c37a48).
Report is 5 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #142   +/-   ##
=======================================
  Coverage   79.25%   79.25%           
=======================================
  Files          25       25           
  Lines         294      294           
=======================================
  Hits          233      233           
  Misses         61       61           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[dalonsoa]

Works well and is fluid. Very easy to understand, as well.

[cc-a]

Looks good. I'd just suggest changing the id attributes to #hide-messages-button and #show-messages-button as I think these read a bit more clearly.

[jamesturner246]

👍 Done.