Applique le gabarit sobre/compact/sans défilement à toutes les pages hors éditeur

Généralise le principe déjà en place pour l'édition d'objet (la page
n'occupe jamais plus que la hauteur de la fenêtre, seules ses zones
internes défilent) à toutes les pages restantes : liste des jeux, tableau
de bord d'un jeu, écrans, éléments de jeu, variables, nouvel objet,
formulaire de données, tableau des données d'un objet. Seuls l'éditeur
d'écran/d'élément et l'aperçu jouable restent en dehors (déjà exclus par
leur propre gabarit plein écran, ou pas concernés).

Nouveau gabarit générique à une colonne (body.pageBody + .content-page +
.scrollArea) sur le même principe que .content-objectEdit, plus une
variante .formScroll pour un formulaire long à défilement interne (liste
de champs d'un nouvel objet, formulaire de données) tout en gardant les
boutons d'action toujours visibles. Les listes/tableaux remplacés par le
format dense .fieldsTable (déjà utilisé pour le tableau de bord) pour
rester cohérent et afficher plus de lignes à l'écran.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

templates/data_list.html

@@ -1,5 +1,7 @@
 {% extends "base.html" %}
 {% block title %}{{ definition.name }} — {{ game.name }}{% endblock %}
+{% block content_class %}content-page{% endblock %}
+{% block body_class %}pageBody{% endblock %}
 {% block breadcrumb %}
 <li><a href="{{ url_for('game_dashboard', slug=game.slug) }}">{{ game.name }}</a></li>
 <li class="is-active"><a>{{ definition.name }}</a></li>
@@ -8,10 +10,10 @@
 <h1 class="title">{{ definition.name }}
   <a class="button is-small" href="{{ url_for('object_edit', slug=game.slug, definition_id=definition.id) }}" title="Modifier cet objet">✏️</a>
 </h1>
-<p class="help mb-4">Table SQL : {{ definition.table_name }} — {{ definition.fields|length }} champ(s)</p>
+<p class="hint mb-4">Table SQL : {{ definition.table_name }} — {{ definition.fields|length }} champ(s)</p>
 
 {% if referenced_by %}
-<div class="notification is-warning is-light">
+<div class="warningBanner">
   ⚠️ D'autres objets ont une relation vers « {{ definition.name }} » :
   {{ referenced_by|map(attribute='name')|join(', ') }}.
   La suppression de cet objet est bloquée tant que ces relations existent.
@@ -19,16 +21,17 @@
 {% endif %}
 
 {% if blocked_row_id %}
-<div class="notification is-warning is-light">
+<div class="warningBanner">
   ⚠️ Impossible de supprimer l'entrée #{{ blocked_row_id }} : elle est référencée par
   {% for ref in blocked_row_refs %}{{ ref.count }} entrée(s) de « {{ ref.definition_name }} » (champ « {{ ref.field_name }} »){% if not loop.last %}, {% endif %}{% endfor %}.
   Modifie ou supprime d'abord ces entrées.
 </div>
 {% endif %}
 
-<a class="button is-primary is-outlined mb-4" href="{{ url_for('data_new', slug=game.slug, definition_id=definition.id) }}">+ Ajouter une entrée</a>
+<a class="addBtn" href="{{ url_for('data_new', slug=game.slug, definition_id=definition.id) }}">+ Ajouter une entrée</a>
 
-<h2 class="subtitle">Données enregistrées</h2>
+<h2>Données enregistrées</h2>
+<div class="scrollArea">
 {% if rows %}
 {% macro row_field_display(f, r) %}
 {%- if f.type == 'relation' -%}
@@ -39,8 +42,8 @@
 {{ r[f.name|colname] }}
 {%- endif -%}
 {% endmacro %}
-<div class="table-container">
-<table class="table is-fullwidth is-hoverable dataTable">
+<div class="fieldsTableWrap">
+<table class="table is-fullwidth is-hoverable dataTable fieldsTable">
   <thead>
     <tr>
       <th>#</th>
@@ -91,8 +94,9 @@
 </div>
 {% endfor %}
 {% else %}
-<p class="help">Aucune donnée enregistrée pour l'instant.</p>
+<p class="hint">Aucune donnée enregistrée pour l'instant.</p>
 {% endif %}
+</div>
 
 <script>
 function openRowDetail(id) {