Nit: add a newline, please match conventions in codebase as much as possible

Right, thanks for source. I think we should create linear task for other occurrences of those in our codebase, as sometimes we use useMemo and sometimes we don't
{F251446}

It is troublesome to add that in flex container, but I added span element wrapping text inside and set text-overflow on it.

To be honest, I don't have much experience with Figma and copy-pasted all styles, only later realising some of them are unnecessary. Refactored it.

Done, but I had to add some styles to cancel out default button styles.

Ah yeah I'd be super careful about copying styles from Figma.

From what I understand they somehow translate their "auto-layout" system to CSS in a way that sometimes works great(?), but often spits out a bunch of weird stuff.

I think for the CSS to be cleanly export-able it would take extra work from the designers to use "auto-layout" in some precise/specific/limited way.

I don't even fully trust Figma SVG export given past experience...

As a general rule, you should understand every single code of code you submit for review. If you're copy-pasting from somewhere, that means going line-by-line and researching what that line does and deciding if we need it