Refactoring: port doc generation to generate markdown directly without UIElements

src/UI/BigComponents/HotkeyTable.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+
+  import Hotkeys from "../Base/Hotkeys"
+  import { Translation } from "../i18n/Translation"
+  import { Utils } from "../../Utils"
+  import Translations from "../i18n/Translations"
+  import Tr from "../Base/Tr.svelte"
+  import AccordionSingle from "../Flowbite/AccordionSingle.svelte"
+
+  let keys = Hotkeys._docs
+  const t = Translations.t.hotkeyDocumentation
+
+
+  let byKey = Hotkeys.prepareDocumentation($keys)
+  $: {
+    byKey = Hotkeys.prepareDocumentation($keys)
+  }
+</script>
+<AccordionSingle>
+
+  <div slot="header">
+    <Tr t={t.title} />
+  </div>
+  <Tr t={t.intro} />
+  <table>
+    <tr>
+      <th>
+    <Tr t={t.key}></Tr>
+    </th>
+    <th>
+      <Tr t={t.action} />
+    </th>
+    </tr>
+    {#each byKey as [key, doc, alsoTriggeredBy] }
+      <tr>
+        <td class="flex items-center justify-center">
+          {#if alsoTriggeredBy}
+            <div class="flex items-center justify-center gap-x-1">
+
+              <div class="literal-code w-fit h-fit">{key}</div>
+              <div class="literal-code w-fit h-fit">{alsoTriggeredBy}</div>
+
+            </div>
+
+          {:else}
+            <div class="literal-code w-fit h-fit flex items-center w-full">{key}</div>
+          {/if}
+        </td>
+        <td>
+      <Tr t={doc} />
+      </td>
+      </tr>
+    {/each}
+  </table>
+</AccordionSingle>