feat: render game grid as React component via SymfonyUX

templates/homepage/index.html.twig

@@ -1,26 +1,9 @@
 {% extends 'base.html.twig' %}
 
 {% block body %}
-    <table id="actors">
-        {% set iActor = 0 %}
-        {% for mainChar in mainActor.name|split('') %}
-            {% if not mainChar|match('/[a-zA-Z]/') %}
-                <tr><td></td></tr>
-            {% else %}
-                {% set actor = actors[iActor] %}
-                <tr>
-                    {% set i = 0 %}
-                    {% set start = middle - actor.pos %}
-                    {% for c in range(0, width) %}
-                        {% if c >= start and c - start < actor.actor.name|length %}
-                            <td {% if c - start == actor.pos %}style="color:red;"{% endif %}>{{ actor.actor.name|slice(c - start, 1)|upper }}</td>
-                        {% else %}
-                            <td></td>
-                        {% endif %}
-                    {% endfor %}
-                </tr>
-                {% set iActor = iActor + 1 %}
-            {% endif %}
-        {% endfor %}
-    </table>
+    {{ react_component('GameGrid', {
+        grid: grid,
+        width: width,
+        middle: middle,
+    }) }}
 {% endblock %}