Show devices on more-info for Person

[SeanPM5]

Currently the more-info dialog for Person displays mostly useless attributes in alphabetical order. editable, id, and user id attributes are primarily backend-related stuff and don't really need to be surfaced here imo. These attributes can be found on Developer Tools > States if someone needs them for whatever reason. I think there's more useful data that can be shown instead.

Current one:

Proposal:

I did this mockup several months ago but lost the PSD file so I never finished it 100%. Style and placement of "source" could be tweaked a little, but the general idea is that source should be closer to the top since it's the most important attribute.

History graph would remain untouched but underneath that would be the devices assigned to that user and their states. This makes it easy to notice when devices are not behaving properly, or if you forgot to delete an older phone from your person etc.

Experimented a bit with status indicators here, similar to Discord and other apps. I kinda like it. Green dot would indicate home, red or orange dot for away, and dark gray dot for unavailable. Again this makes it really easy to spot if a device is misbehaving or broken since you can tell at a glance just from the color.

Main idea I wanted to add that is missing from this mockup was an "Edit Person" shortcut row at the very bottom. Would be a more useful version of the editable attribute. Rather than just showing editable: true you get a text link or button that deeplinks to the Person editor. If user notices a device is missing or broken, they can add or delete with one button press rather than navigating to the panel manually.

I think this is nicer and more user-friendly, and allows for easier maintenance of the person entity.