UX: move 'open here in different app' to more logical place, make translatable

langs/en.json

@@ -309,6 +309,7 @@
             "aboutMapComplete": "About MapComplete",
             "filter": "Filter data",
             "moreUtilsTitle": "Discover more",
+            "openHereDifferentApp": "Open the current location in other applications",
             "showIntroduction": "Show introduction",
             "title": "Menu"
         },

src/UI/BigComponents/MenuDrawer.svelte

@@ -43,7 +43,7 @@
   import ThemeIntroPanel from "./ThemeIntroPanel.svelte"
   import Marker from "../Map/Marker.svelte"
   import LogoutButton from "../Base/LogoutButton.svelte"
-  import { BoltIcon } from "@babeard/svelte-heroicons/mini"
+  import { BoltIcon, ShareIcon } from "@babeard/svelte-heroicons/mini"
   import Copyright from "../../assets/svg/Copyright.svelte"
   import Pencil from "../../assets/svg/Pencil.svelte"
   import SidebarUnit from "../Base/SidebarUnit.svelte"
@@ -60,6 +60,7 @@
   let featureSwitches = state.featureSwitches
   let showHome = featureSwitches.featureSwitchBackToThemeOverview
   let pg = state.guistate.pageStates
+  let location = state.mapProperties.location
   export let onlyLink: boolean
   const t = Translations.t.general.menu
 </script>
@@ -237,6 +238,8 @@
       <MapillaryLink large={false} mapProperties={state.mapProperties} />
     </If>
 
+    <a class="flex sidebar-button" href="geo:{$location.lat},{$location.lon}"><ShareIcon /><Tr t={t.openHereDifferentApp}/></a>
+
   </SidebarUnit>
 
   <!-- About MC: various outward links, legal info, ... -->

src/UI/BigComponents/ShareScreen.svelte

@@ -119,7 +119,6 @@
 </script>
 
 <div class="link-underline flex flex-col">
-  <a href="geo:{$location.lat},{$location.lon}">Open the current location in other applications</a>
 
   <div class="flex flex-col">
     <Tr t={tr.intro} />