- Portage des fonctionnalités de la branche main

- Ajout de node et npm dans la Dockerfile

- Ajout des Factories et Fixtures

- Ajout de npm-install dans Make install

templates/menu/base_menu.html.twig

@@ -0,0 +1,10 @@
+<!-- Menu latéral -->
+<header class="fixed top-0 left-0 z-10 w-full bg-blue-600 p-4 md:hidden">
+    <button id="hamburger-button" class="text-white">
+        <i class="fas fa-bars"></i>
+    </button>
+</header>
+
+<aside id="menu" class="fixed top-0 left-0 z-10 h-full w-64 bg-gray-800 text-white p-4 hidden md:block">
+    {{ render(controller('App\\Controller\\MenuController::menu')) }}
+</aside>

templates/menu/menu.html.twig

@@ -0,0 +1,35 @@
+<div class="fixed top-0 left-0 h-screen w-64 bg-gray-100 p-6">
+    <h2 class="text-xl font-bold mb-4">Menu</h2>
+    <form>
+        <div class="form-group">
+            <label for="manga-select">Choisissez un manga :</label>
+            <select id="manga-select" class="form-control w-full">
+                <option value="" selected disabled>Sélectionnez un manga</option>
+                {% for manga in availableManga %}
+                    <option value="{{ path('manga_show', { 'mangaSlug': manga.slug }) }}">{{ manga.name }}</option>
+                {% endfor %}
+            </select>
+        </div>
+    </form>
+    <div>
+        <ul>
+            {% for manga in mangas %}
+                <li class="my-2">
+                    <a href="{{ path('manga_show', { 'mangaSlug': manga.slug }) }}" class="text-blue-600 hover:text-blue-800">
+                        {{ manga.title }}
+                    </a>
+                </li>
+            {% endfor %}
+        </ul>
+    </div>
+</div>
+
+{% block javascripts %}
+    <script>
+        const mangaSelect = document.getElementById('manga-select');
+        mangaSelect.addEventListener('change', () => {
+            const selectedUrl = mangaSelect.options[mangaSelect.selectedIndex].value;
+            window.open(selectedUrl, '_top');
+        });
+    </script>
+{% endblock %}