Add breadcrumbs and UI consistency updates across backoffice templates

templates/backoffice/quiz.html.twig

@@ -2,6 +2,16 @@
 
 {% block title %}{{ parent() }}{{ season.name }}{% endblock %}
 
+{% block breadcrumbs %}
+    <nav aria-label="breadcrumb" class="mb-3">
+        <ol class="breadcrumb">
+            <li class="breadcrumb-item"><a href="{{ path('tvdt_backoffice_index') }}">{{ 'Home'|trans }}</a></li>
+            <li class="breadcrumb-item"><a href="{{ path('tvdt_backoffice_season', {seasonCode: season.seasonCode}) }}">{{ season.name }}</a></li>
+            <li class="breadcrumb-item active" aria-current="page">{{ quiz.name }}</li>
+        </ol>
+    </nav>
+{% endblock %}
+
 {% block body %}
     {% set tabs = [
         {id: 'overview', label: 'Overview'|trans, route: 'tvdt_backoffice_quiz_overview'},
@@ -9,8 +19,8 @@
         {id: 'candidates', label: 'Candidates'|trans, route: 'tvdt_backoffice_quiz_candidates'},
     ] %}
 
-    <h2 class="py-2">{{ 'Quiz'|trans }}: {{ season.name }} - {{ quiz.name }}</h2>
-    <ul class="nav nav-tabs pt-2">
+    <h2 class="mb-3">{{ 'Quiz'|trans }}: {{ season.name }} - {{ quiz.name }}</h2>
+    <ul class="nav nav-tabs mb-3">
         {% for tab in tabs %}
             <li class="nav-item">
                 <a class="nav-link{{ activeTab == tab.id ? ' active' }}" href="{{ path(tab.route, {seasonCode: season.seasonCode, quiz: quiz.id}) }}">