[General UI] Remove the width constrains for all the titles.

[korgan00]

As mentioned in #1097, we can remove the width constrains a check what titles are affected and how. @JRussellHuffman also proposed several times to check all the titles with the typewriter effect that creates new lines pushing content.

[delapuente]

Although the change may improve the user experience, it does not have a direct impact on code quality.

[techtolentino]

This issue could be related or might be handled in the same effort

[korgan00]

Is this solved?

[eddybrando]

@JRussellHuffman, would you say this is still an issue?

[JRussellHuffman]

Looks like the typewriter effect still pushes content to new lines and causes jumping, if I'm interpreting this issue correctly.

[techtolentino]

Resurfacing this issue due to accessibility/usability issues. In terms of the Typewriter effect, I believe we need to consider an alternative to what we currently have.

Why

As we introduce new interactive elements to several pages (search fields, sort button, checkbox filters, tabs)... the jumpiness of the header height makes it very difficult for users to accurately click on these interactive elements.

Screenshot

In this screenshot, you can see how the user intends to click on a tab, but misses when the header height changes. Then, the user misses the search button as the height changes again.

https://github.com/Qiskit/qiskit.org/assets/6276074/a0a3d90b-faa9-40eb-87fc-fd914b7dd8bf

[y4izus]

Thank you Randy!! I've added this issue to the backlog, so we can work on it as soon as possible

[JRussellHuffman]

I think the jumpiness of the typewriter effect is a bug that has been opened and closed on a handful of occasions. It would be good to fix for all the page once and for all.