impr(dev): add button to show real words input

!nuf

frontend/src/html/popups.html

@@ -10,6 +10,7 @@
     <button class="generateData">generate data</button>
     <button class="toggleMediaQueryDebug">toggle media query debug</button>
     <button class="showTestNotifications">show test notifications</button>
+    <button class="showRealWordsInput">show real words input</button>
   </div>
 </dialog>
 

frontend/src/ts/modals/dev-options.ts

@@ -41,6 +41,12 @@ async function setup(modalEl: HTMLElement): Promise<void> {
       );
       setMediaQueryDebugLevel(mediaQueryDebugLevel);
     });
+  modalEl
+    .querySelector(".showRealWordsInput")
+    ?.addEventListener("click", () => {
+      $("#wordsInput").css("opacity", "1");
+      void modal.hide();
+    });
 }
 
 const modal = new AnimatedModal({