qml: improve GridItem text autoscroll

realign text to the left if it were to overflow such that it will clip from one side only and then scrolling will only have to be done in one direction. Also, elide text in the normal state (when not scrolling) so that text is not shown as abruptly chopped.

closes #25596 (closed)