Feature(inspector): add link in menu, add icon

langs/en.json

@@ -669,6 +669,9 @@
         "pickTheme": "Pick a theme below to get started.",
         "title": "MapComplete"
     },
+    "inspector": {
+        "menu": "Inspect a contributor"
+    },
     "move": {
         "cancel": "Select a different reason",
         "cannotBeMoved": "This feature cannot be moved.",

src/UI/BigComponents/MenuDrawer.svelte

@@ -50,6 +50,7 @@
   import Squares2x2 from "@babeard/svelte-heroicons/mini/Squares2x2"
   import EnvelopeOpen from "@babeard/svelte-heroicons/mini/EnvelopeOpen"
   import PanoramaxLink from "./PanoramaxLink.svelte"
+  import MagnifyingGlassCircle from "@babeard/svelte-heroicons/outline/MagnifyingGlassCircle"
 
   export let state: ThemeViewState
   let userdetails = state.osmConnection.userDetails
@@ -262,6 +263,11 @@
       </Page>
     </div>
 
+    <a class="flex" href={window.location.protocol + "//" + window.location.host + "/inspector.html"}>
+      <MagnifyingGlassCircle class="mr-2 h-6 w-6" />
+      <Tr t={Translations.t.inspector.menu} />
+    </a>
+
     <a class="flex" href="https://github.com/pietervdvn/MapComplete/" target="_blank">
       <Github class="h-6 w-6" />
       <Tr t={Translations.t.general.attribution.gotoSourceCode} />

src/UI/InspectorGUI.svelte

@@ -26,6 +26,7 @@
   import Page from "./Base/Page.svelte"
   import PreviouslySpiedUsers from "./History/PreviouslySpiedUsers.svelte"
   import { OsmConnection } from "../Logic/Osm/OsmConnection"
+  import MagnifyingGlassCircle from "@babeard/svelte-heroicons/outline/MagnifyingGlassCircle"
 
   let username = QueryParameters.GetQueryParameter("user", undefined, "Inspect this user")
   let step = new UIEventSource<"waiting" | "loading" | "done">("waiting")
@@ -123,7 +124,8 @@
 <div class="flex flex-col w-full h-full">
 
   <div class="flex gap-x-2 items-center low-interaction p-2">
-    <h1 class="flex-shrink-0">Inspect contributor</h1>
+    <MagnifyingGlassCircle class="w-12 h-12"/>
+    <h1 class="flex-shrink-0 m-0 mx-2">Inspect contributor</h1>
     <ValidatedInput type="string" value={username} on:submit={() => load()} />
     {#if loadingData}
       <Loading />