feat(genres): add and alphabetically sort extended list of book genres in start and profile forms

templates/profile.html

@@ -12,12 +12,20 @@
         <input type="text" id="name" name="name" value="{{ history.get('name', '') }}"><br><br>
 
         <p>Quais gêneros de livros você gosta?</p>
-        {% for genre in ['ficção', 'não ficção', 'ciência', 'fantasia'] %}
-        <input type="checkbox" id="{{ genre }}" name="preferences" value="{{ genre }}"
-            {% if genre in history.get('preferences', []) %}checked{% endif %}>
-        <label for="{{ genre }}">{{ genre.title() }}</label><br>
-        {% endfor %}
+        {% set genres = [
+            'aventura', 'autoajuda', 'biografia', 'ciência', 'drama', 'educação',
+            'espiritualidade', 'fantasia', 'ficção', 'filosofia', 'história', 'humor',
+            'mistério', 'negócios', 'não-ficção', 'poesia', 'romance', 'tecnologia', 'terror'
+        ] %}
 
+        <div class="genre-grid">
+            {% for genre in genres %}
+                <input type="checkbox" id="{{ genre }}" name="preferences" value="{{ genre }}"
+                    {% if genre in history.get('preferences', []) %}checked{% endif %}>
+                <label for="{{ genre }}">{{ genre.title() }}</label><br>
+            {% endfor %}
+        </div>
+        
         <br><button type="submit">Salvar preferências</button>
     </form>
 </body>

templates/start.html

@@ -41,13 +41,21 @@
             <input type="text" id="name" name="name" required><br><br>
     
             <p>Quais gêneros de livros você gosta?</p>
-    
-            {% for genre in ['ficção', 'não-ficção', 'ciência', 'fantasia'] %}
-                <label class="genre-label" for="{{ genre }}">
-                    <input type="checkbox" id="{{ genre }}" name="preferences" value="{{ genre }}">
-                    {{ genre.title() }}
-                </label>
-            {% endfor %}
+
+            {% set genres = [
+                'aventura', 'autoajuda', 'biografia', 'ciência', 'drama', 'educação',
+                'espiritualidade', 'fantasia', 'ficção', 'filosofia', 'história', 'humor',
+                'mistério', 'negócios', 'não-ficção', 'poesia', 'romance', 'tecnologia', 'terror'
+            ] %}
+
+            <div class="genre-grid">
+                {% for genre in genres %}
+                    <label class="genre-label" for="{{ genre }}">
+                        <input type="checkbox" id="{{ genre }}" name="preferences" value="{{ genre }}">
+                        {{ genre.title() }}
+                    </label>
+                {% endfor %}
+            </div>
     
             <br>
             <button type="submit">Começar</button>