[Outreachy-task submission] Non-Interactive Filters & Header Buttons on Hover

[Felysilver]

Issue Summary 📄

Filters and header buttons remain static and do not visually respond upon mouse hover, impacting user interaction cues.

Expected vs. Current Behavior 🔍

• Expected: Filters and header buttons should display visual feedback (e.g., background-color & color change,) on hover to indicate interactivity.
• Current: Hovering does not alter appearance or background-color & color , suggesting these elements are non-interactive.

Steps to Reproduce 🚶‍♂️

1. Go to Map or Data view.
2. Hover over any filter option or header button.
3. Notice the lack of visual feedback.

no-hover.webm

Environment 🌍

• Browser: [chrome]

Possible Fix 💡

• Inspect libs/mzima-ui/src/lib/button/button.component.scss

[Felysilver]

@Angamanga, I've initiated this pull request in response to the corresponding issue. Your technical insights and review on the proposed changes would be highly appreciated. 🛠️