fix: control show less/more button at public profile bio

[LinaYahya]

closes #480

[pyphilia]

I'm not really convinced by the line-height-ref method. Plus there're some mismatching problem here:

• The member profile does not show html normally, but you use the content description that uses interweave that might render html. But your implementation handles text lines only.
• on the other side we have also a pb with content description because it does not show html if not expanded In collection view show rendered description on "show less" #466

I think a low-level component should include the button that expand button + content with fading (mainly the issue I've linked). Maybe it should be adaptable to use or not interweave. What do you think @spaenleh ? So this PR would handle both issues.

[spaenleh]

@pyphilia @LinaYahya I agree. Also if the computation actually just returns the line height, why not simply use the lh css unit ?
I think component wise we should have:

• a DescriptionWrapper that receives a child (the description) which is rendered with a fixed height (2 or 3 lh) when showing less and un-constrained height when showing more + the button to do so.
• one or multiple Description components (one with Interweave for html descriptions, one simple text for the bio description)

Then you compose them together to get the desired result

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud