Organize the connect dialog

[alexandruradovici]

Description

The connect dialog displays all the possible device connections. Right now, devices are sorted based upon a device priority. Actual devices appear first while placeholders and simulators appear next.

A good idea would be to organize the list of devices in groups similar to [1] most probably using [2]. Most probably groups would be:

• Devices
• Simulators
• Others
  ...

Steps to Reproduce

1. Click the Connect button

Expected behavior: Display available devices grouped by type

Actual behavior: Displays a list of all devices ordered by a priority

Reproduces how often: every time

Version

Wyliodrin STUDIO: 2.3.1

Wyliodrin STUDIO platform:
[x] downloaded (electron)
[x] web (browser)

OS name: Linux
OS version: Ubuntu 20.04

Additional Information

[1] https://www.google.com/search?q=windows+explorer+groups&tbm=isch&ved=2ahUKEwjg7IK16NTvAhWK5RoKHRIuD6sQ2-cCegQIABAA&oq=windows+explorer+groups&gs_lcp=CgNpbWcQARgAMgQIABAYMgQIABAYOgIIADoGCAAQChAYOgYIABAIEB5Ql6ABWIG8AWDrvAFoA3AAeACAAXSIAYgLkgEEMTIuM5gBAKABAaoBC2d3cy13aXotaW1nwAEB&sclient=img&ei=xGthYOD6BIrLa5LcvNgK&bih=1031&biw=1920#imgrc=9SfIk8K5vU9DQM
[2] https://vuetifyjs.com/en/components/list-item-groups/#selection-controls