Make the grid view more usable by handling longer filenames better

[artonge]

Improve the overall design of the grid view.
@nextcloud/designers for mockups

• Main issue is that file names beyond ~10 characters can't be read.
• If accessibility can be fixed/improved easily, do that too, but only as low priority.

[szaimen]

Example from google drive:

[artonge]

@nextcloud/designers can we have some proper mockups for that?

[szaimen]

Example Dropbox:

Grid view	Big grid view

[szaimen]

Onedrive:

[szaimen]

Penpot:

[marcoambrosini]

I like google's approach the best

[szaimen]

Currently working on some ideas in https://design.penpot.app/#/workspace/34e522a0-5cc4-11ec-826f-e949c75b760d/064214a4-70ce-8065-8004-6d675c5cd97c

[szaimen]

This is how the final mockup without previews looks:

and here with previews:

[jmigual]

I'm not sure whether I should open a new issue or not for this but in Nextcloud 29 at least, when filenames are very long it is not possible to see the full name on mobile in any place AFAIK.

[artonge]

@jmigual can you provide screenshots?

[jmigual]

Sure! Here they are:

The biggest problem IMO is that it's never possible to see the full name of the file. Not even on the details panel.

[artonge]

@jmigual Ok, this is not related to this pull request. You can open a new issue if you like :).