feat: handle non-letter characters in actor names with separator rows

Display spaces, hyphens and other non-letter characters as static cells
instead of input fields, and add separator rows in the grid for
non-alphabetic characters in the main actor's name.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

assets/react/controllers/GameGrid.jsx

@@ -5,15 +5,34 @@ export default function GameGrid({ grid, width, middle }) {
     return (
         <table id="actors">
             <tbody>
-                {grid.map((row, rowIndex) => (
-                    <GameRow
-                        key={rowIndex}
-                        actorName={row.actorName}
-                        pos={row.pos}
-                        colStart={middle - row.pos}
-                        totalWidth={width}
-                    />
-                ))}
+                {grid.map((row, rowIndex) => {
+                    if (row.separator !== undefined) {
+                        return (
+                            <tr key={rowIndex} className="separator-row">
+                                <td />
+                                {Array.from({ length: middle }, (_, i) => (
+                                    <td key={i} />
+                                ))}
+                                <td className="letter-static separator-char">
+                                    {row.separator === ' ' ? '' : row.separator}
+                                </td>
+                                {Array.from({ length: width - middle }, (_, i) => (
+                                    <td key={middle + 1 + i} />
+                                ))}
+                            </tr>
+                        );
+                    }
+
+                    return (
+                        <GameRow
+                            key={rowIndex}
+                            actorName={row.actorName}
+                            pos={row.pos}
+                            colStart={middle - row.pos}
+                            totalWidth={width}
+                        />
+                    );
+                })}
             </tbody>
         </table>
     );