Assign paradigm column width dynamically and wisely

[aarppe]

The production version assigns column width dynamically and proportionally to screen width.

https://github.com/UAlbertaALTLab/morphodict-frontend/assets/15003407/f6a423ef-9965-47ac-984c-a44fb1a85aa3

The refactored version assigns all too much relative space to the row labels, and does not dynamic change this when the screen width is changed.

https://github.com/UAlbertaALTLab/morphodict-frontend/assets/15003407/deacc2ea-26f8-40fc-8a41-b22680acab0c

[aarppe]

Here's screenshot of a paradigm for a long word, with the screen stretched to its broadest width:

I'd think that there's still too much white-space to the left of the row-labels.

This is the same paradigm, with the narrowest width:

I'd think the same here, that there is too much white-space to the left of the row-labels. And it appears that it is due to some form of indenting of the row-labels, treated as "subservient" to the header, which identation could be lesser (if existing at all).