UX+Refactoring: use side-drawer for menu, reorder menu structure

src/UI/Map/RasterLayerPicker.svelte

@@ -13,7 +13,7 @@
   export let mapproperties: MapProperties
   export let map: Store<MlMap>
 
-  export let visible: Store<boolean> = undefined
+  export let shown: Store<boolean> = undefined
 
   let dispatch = createEventDispatcher<{ appliedLayer }>()
 
@@ -48,10 +48,10 @@
 
   let rasterLayerOnMap = UIEventSource.feedFrom(rasterLayer)
 
-  if (visible) {
+  if (shown) {
     onDestroy(
-      visible?.addCallbackAndRunD((visible) => {
-        if (visible) {
+      shown?.addCallbackAndRunD((shown) => {
+        if (shown) {
           rasterLayerOnMap.setData(rasterLayer.data ?? availableLayers[0])
         } else {
           rasterLayerOnMap.setData(undefined)
@@ -85,7 +85,7 @@
           rasterLayer={rasterLayerOnMap}
           placedOverMap={map}
           placedOverMapProperties={mapproperties}
-          {visible}
+          visible={shown}
         />
       </span>
     </button>