ripple: improve UX

[reduzent]

sqgl had some suggestions re GUI placement:

• change the vertical order of elements so that elements follow the control (and signal) logic:
  • unpunch
  • 6 sample containers with preview (color bar on top)
  • overview of the currently selected sample
  • controls
  • detailed view of sample selection
• another suggestion is to align the colors of the instances to the colors used in unpunch (or vice versa)