Show device type icon for clients

During weblogin we send a custom user agent (containing manufacteur, device name), but this does not match
https://github.com/nextcloud/server/blob/master/apps/settings/src/components/AuthToken.vue#L109-L110

and thus the icons are not shown.
At least Desktop, mobile should have an icon.
(we could also think about more specific, e.g. Android Talk/Files, iOS Talk/Files, etc, but for first approach Desktop/mobile should be ok.

Currently, as far as I know, the sent UA from weblogin flow is just directly used.
To not interfere with above (https://github.com/nextcloud/server/blob/master/apps/settings/src/components/AuthToken.vue#L109-L110) I suggest that we add logic that passed UA on weblogin sends an unique device type, .eg:
"Oneplus ONEPLUS A6013 (Android) ANDROID_FILES"
"tobi-desktop (Desktop Client - Linux) DESKTOP_LINUX"

and that those strings are then filtered out and used as type.

"Roadmap" would be to put it on board on server, then agree on work flow and then Talk and Clients can implement it.

Start by reading the matching logic around lines 109-110 of apps/settings/src/components/AuthToken.vue and inspect how the weblogin user agent is currently passed through. Determine how Desktop and mobile device types should be identified without breaking existing user agents, then verify that the corresponding icons appear in the authentication-token list.