feat(web): responsive design

- fix mobile accessibility

web/src/components/WordleLine.svelte

@@ -38,6 +38,7 @@
         if (event.key === "Backspace") {
             if (letters[cursor] === "" && cursor > 0) {
                 cursor--;
+                inputs[cursor].focus();
             }
 
             if (active) {
@@ -69,7 +70,7 @@
             disabled={!active}
             tabindex="-1"
             class="
-                flex h-16 w-16 items-center justify-center
+                flex aspect-square max-w-16 w-1/6 items-center justify-center
                 rounded-lg border-2
                 text-3xl font-bold
                 transition-all text-center caret-transparent
@@ -111,7 +112,7 @@
         />
     {/each}
     <span
-        class="w-16 text-sm text-zinc-500 self-center flex items-center justify-center"
+        class="max-w-14 w-1/6 text-sm text-zinc-500 self-center flex items-center justify-center"
         onclick={info_gained === null ? on_guess_pressed : null}
     >
         {#if info_gained === null}