Feature(offline): add management module for offline basemaps

src/UI/BigComponents/MenuDrawer.svelte

@@ -18,7 +18,7 @@
   import RasterLayerOverview from "../Map/RasterLayerOverview.svelte"
   import ThemeIntroPanel from "./ThemeIntroPanel.svelte"
   import Marker from "../Map/Marker.svelte"
-  import { ShareIcon } from "@babeard/svelte-heroicons/mini"
+  import { BoltIcon, ShareIcon } from "@babeard/svelte-heroicons/mini"
   import SidebarUnit from "../Base/SidebarUnit.svelte"
   import PanoramaxLink from "./PanoramaxLink.svelte"
   import { UIEventSource } from "../../Logic/UIEventSource"
@@ -27,6 +27,7 @@
   import Hotkeys from "../Base/Hotkeys"
   import MenuDrawerIndex from "./MenuDrawerIndex.svelte"
   import ThemeViewState from "../../Models/ThemeViewState"
+  import HotkeyTable from "./HotkeyTable.svelte"
 
   export let onlyLink: boolean
   export let state: ThemeViewState
@@ -49,6 +50,8 @@
       })
     }
   })
+  let hotkeys = Hotkeys._docs
+
 </script>
 
 <div class:h-0={!onlyLink} class:h-full={onlyLink} class="overflow-hidden">
@@ -111,6 +114,18 @@
               />
             </a>
 
+            {#if $hotkeys.length > 0}
+              <div class="hidden-on-mobile w-full">
+                <Page {onlyLink} shown={pg.hotkeys}>
+                  <svelte:fragment slot="header">
+                    <BoltIcon />
+                    <Tr t={Translations.t.hotkeyDocumentation.title} />
+                  </svelte:fragment>
+                  <HotkeyTable />
+                </Page>
+              </div>
+            {/if}
+
             <a class="flex" href={Utils.OsmChaLinkFor(31, theme.id)} target="_blank">
               <QueueList class="h-6 w-6" />
               <Tr t={Translations.t.general.attribution.openOsmcha.Subs({ theme: theme.title })} />