Enhance `Revealer` Clickable Area for Collapsing

[Sn3llius]

Description

Currently, the Revealer component is only collapsible when clicking on the first row, where the revealer sign is located. To improve the user experience, it would be beneficial to make the entire Revealer box clickable for collapsing.

Current Behavior

The Revealer component collapses/expands only when clicking on the first row (where the revealer sign is).

Desired Behavior

The Revealer component should be collapsible/expandable when clicking anywhere within the Revealer box, not just the "first row".

Benefits

• Enhanced usability and user experience.
• More intuitive interaction for users.

Image:

[mad-moo]

I like this idea. We should probably add this and see if it's nice to use in practice