UI display issues with long refnames

[cmdcolin]

Taken from https://github.com/GMOD/jbrowse-components/issues/1082

This is a tricky one because the refname is simply quite large, but it seems like something that must be addressed

• Large refname has a text collision
• The refname dropdown is capable of displaying approx 2 letters before ellipses (sort of related to an older change where we allowed the clear button)
• The locstring box also fails to show the currently displayed region, however this is tricky. The refname is simply long

I think downsizing some of the default font sizes and stuff from material UI could go some ways towards this, but I wanted to track this as an issue

[cmdcolin]

Could review things like this during our design sprint

[laceysanderson]

+1 our reference names are also quite long (e.g. Lcu.2RBY.Chr1) due to keeping them unique across assemblies. This is especially a usability concern in the drop-down where it is difficult to select the chromosome you want.

[cmdcolin]

may be fixed by #2272