Add classic roof top

Problem

We want to allow beekeepers to manage their beehives and model their apiary.

This task is rather minor, cosmetical and aesthetical

So beehives have roofs. Typically they are flat:

But some beehives do have V-shaped roofs. We don’t have a way to manage roofs currently in our UI and backend.

Suggested changes

• create new section type in backend (roof_flat, roof_vshape)
  • create a DB migration to generate new box types for existing hives
  • create new box type in DB (alter needed)
  • new box type in swarm-api (may need graphql API change)

• new box type in web-app

• change hive creation to include roof top (currently it does not have it)

• change hive icon
  • remove existing flat roof that is just hard-coded as CSS style
  • add dynamic rooftop to display section depending on type

• add new button (Add roof) in hive view

• when clicking on roof section, open new view
  • add button to change roof type (flat ←→v-shape)

• test it