A11y: add labels to previously unlabeled buttons, fix order

src/UI/Base/MapControlButton.svelte

@@ -1,17 +1,21 @@
 <script lang="ts">
   import { createEventDispatcher } from "svelte"
   import { twJoin } from "tailwind-merge"
+  import { Translation } from "../i18n/Translation"
+  import { ariaLabel } from "../../Utils/ariaLabel"
 
   /**
    * A round button with an icon and possible a small text, which hovers above the map
    */
   const dispatch = createEventDispatcher()
   export let cls = ""
+  export let arialabel: Translation = undefined 
 </script>
 
 <button
   on:click={(e) => dispatch("click", e)}
   on:keydown
+  use:ariaLabel={arialabel}
   class={twJoin("pointer-events-auto m-0.5 h-fit w-fit rounded-full p-0.5 sm:p-1 md:m-1", cls)}
 >
   <slot />