TODO: Is CardLayout, card-layout, cardLayout etc., best names possiuble?
Fix card expansion panel heights not being equal. This is due to
limitations in CSS flex view.
Heights of all cards are `100%` which gives them uniform loook on same
row with all equal heights. However, their heights are set to `auto`
when of the cards are open. In that case, their sizes are no longer
equal in same row, cards with longer text/titles keeping more space.
This is because when a card is open, its expansion panel grows in its
own DOM element, increasing the height of the card.
at same height on each line, their heights change completely when one of
Heights gets fucked up when card is collapsing, this is big fix, fix this.
Supporting changes:
- Move card expander to its own component `CardExpansionPanel`.
- Introduce `UseCardLayout` hook to do calculations instead of CSS to
circumvent limitations in CSS flex view.
704a3d0417