Add drag and drop to area dashboard

[bramkragten]

Proposed change

Allows areas to be dragged from 1 floor to another.

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue or discussion:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[frenck]

Tested it. If I unassign an area (by dragging it back into the unassigned group), it disappears from the list.

The floor ID gets messed up:

[piitaya]

We should disable drag and drop on mobile because that would make the page unscrollable.

[bramkragten]

Or should we add a delay?

[frenck]

Seems to work well now, just noticed the difference in size of assigned vs unassigned cards:

[bramkragten]

Fixed

[piitaya]

As we can scroll when dragging in mobile, I think it makes more sense to remove the DnD feature on mobile. WDYT?
We can add a nested md-menu to assign floor using an overflow menu per area card on mobile.

[bramkragten]

As we can scroll when dragging in mobile, I think it makes more sense to remove the DnD feature on mobile. WDYT? We can add a nested md-menu to assign floor using an overflow menu per area card on mobile.

I like that is now targeted pure based on if the event was touch, and not just on the screensize...