Add room groups

[phiter]

Description

This PR adds a feature that allows rooms to be grouped, providing a better way to organize the office. Currently it is just a visual change. The room groups can be closed and opened as well, and the states are persisted in the localstorage.

Resolves #208

How to test?

Add a group option to any room and give it a name.

Expected behavior

The room should be grouped within the main interface.

Similar to this:

[phiter]

Codeclimate is showing the same error as it did before. It seems to happen only when a new file is added to the project.

[juliemar]

Hi @phiter What do you think we change the room structure to?

{
   group-id: "Group-1",
   name: "My Group Name"
   rooms: [
           {
               "id": "${UUID}",
               "name": "First room",
           },
          {
              "id": "${UUID}",
              "name": "Second room",
          },
          {
              "id": "${UUID}",
              "name": "Another room"
          }
   ]
}

We will break the current payload, but I think this is the best way to improve and simplify the way to manage rooms.

[phiter]

Hi @juliemar, thanks for reviewing it.

I thought about that too, would probably be better but I wanted to make the change as small as possible, specially considering some people won't be using the grouping feature.

Changing the structure would probably need changes in many different places, specially the api which I didn't touch yet.

I suppose we could keep the grouping feature as it is now and maybe try something different in the future?