text: Title: Enhance `Revealer` Clickable Area for Collapsing
  Body: ### 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:
  <img width="719" alt="image" src="https://github.com/rio-labs/rio/assets/41641225/e36409f3-4407-4182-9be3-9610d4eb5331">
  