Add breadcrumbs and UI consistency updates across backoffice templates

templates/backoffice/index.html.twig

@@ -2,9 +2,17 @@
 
 {% block title %}{{ parent() }}Backoffice{% endblock %}
 
+{% block breadcrumbs %}
+    <nav aria-label="breadcrumb" class="mb-3">
+        <ol class="breadcrumb">
+            <li class="breadcrumb-item active" aria-current="page">{{ 'Home'|trans }}</li>
+        </ol>
+    </nav>
+{% endblock %}
+
 {% block body %}
-    <div class="d-flex flex-row align-items-center">
-        <h2 class="py-2 pe-2">
+    <div class="d-flex flex-row align-items-center mb-3">
+        <h2 class="mb-0 pe-2">
             {{ is_granted('ROLE_ADMIN') ? 'All Seasons'|trans : 'Your Seasons'|trans }}
         </h2>
         <a class="link" href="{{ path('tvdt_backoffice_season_add') }}">
@@ -12,7 +20,7 @@
         </a>
     </div>
     {% if seasons %}
-        <table class="table table-hover">
+        <table class="table table-hover mb-3">
             <thead>
             <tr>
                 {% if is_granted('ROLE_ADMIN') %}