feat(webapp): map

Created by: ulfgebhardt

🍰 Pullrequest

Basic implementation of v-mapbox- got thinks working

Issues

• fixes #5807 (closed)
• relates #4546

Todo

• have map icon on header
  • map shall be reached by globus in header menu
    • the one of the language menu
      • in the size of the avatar image
      • tooltip:
        • de: Landkarte anzeigen
        • en: Show map
    • (no) do we use a different icon in the language menu then?
• may have a hint in the settings that by entering my location I a gree to show my location on the map
  • and maybe hint that the position is not very specific
• do we need the package @mapbox/mapbox-gl-language?
  • tried, but does not work yet
• implement MAPBOX_TOKEN in webapp config
  • switch map off if there is no MAPBOX_TOKEN?
    • header icon
    • page
  • implement it in docker compose and deployment all over the place
• translate several texts
• map optimization: see #5901
  • have a legend?
• we need Node v16.5.0 or higher in webapp for the package v-mapbox@legacy
  • we use Node v16.19.0, see #5842
    • Node v19.3.0 was not working
• mention the Node version in webapp README?
  • have the latest version? See issue #5902 (closed)
• rebranding
  • changed map style buttons from <ds-button> to <base-button>
    • adjust look of inactive button
    • try to implement inactive state into BaseButton.vue
      • !!! the map style inactive buttons don't have the right color
• tests, see followup issue #5927 (closed)
  • decrease coverage to 61% in webapp for now
• cleanup: search for Wolle