Add breadcrumbs and UI consistency updates across backoffice templates

templates/backoffice/quiz_add.html.twig

@@ -1,9 +1,19 @@
 {% extends 'backoffice/base.html.twig' %}
 
+{% 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">{{ 'Add Quiz'|trans }}</li>
+        </ol>
+    </nav>
+{% endblock %}
+
 {% block body %}
     <div class="row">
         <div class="col-md-6 col-12">
-            <h2 class="py-2">{{ t('Add a quiz to %name%', {'%name%': season.name})|trans }} </h2>
+            <h2 class="mb-3">{{ t('Add a quiz to %name%', {'%name%': season.name})|trans }} </h2>
             {{ form_start(form) }}
             {{ form_row(form.name) }}
             {{ form_row(form.sheet) }}
@@ -11,13 +21,11 @@
             {{ form_end(form) }}
         </div>
         <div class="col-md-6 col-12">
-            <p class="pt-5">
-                Hier kan nog tekst komen met wat uitleg
+            <p class="mb-3">
+                {{ 'Help text for adding a quiz'|trans }}
             </p>
-
         </div>
     </div>
-
 {% endblock %}
 
 {% block title %}