Fix overflowing in web UI

[lynlynlynx]

• It is needed to re-set text-overflow and overflow in display: block; .
  With this commit, all overflowing problems are solved! 🎉

Screenshot ( I use "THISISATESTFORVERYLONGUSERNAME", 30 letters.)

• Fix: dropdown menu modal overflows outside the edge of the browser.

Before and after screenshots

Of course, modal sizing works properly.

[lynlynlynx]

Unfortunately, max-width: max-content; property is not yet supported in Edge.
I reverted fixing overflowing dropdown menu modal.

[nightpool]

Can we use the max-content anyway? does is break on edge or is it just not supported? If it's absolutely necessary, can we use @supports(max-width: max-content) to gate this?

[nightpool]

display: block;
overflow: hidden;
text-overflow: ellipsis;

seems like it's getting repeated a lot of places. Maybe it makes sense to make a mixin rule?

[lynlynlynx]

@nightpool thanks for your comments.
max-width breaks styles on Edge, and it is not a fundamental way, so i look for another.
Repeating a lot, thats right, ill try to organize them with mixins before long