feat: add the booking board with floor plan and calendar

templates/_partials/_flashes.html.twig

@@ -1,13 +1,12 @@
-{# Flat inline alerts for now. myep renders these as Toastify toasts, but that means adopting
-   toastify-js as a dependency -- deferred until the toast/OOB work (plan step 7). #}
-{% set levels = { error: 'bg-red-600', warning: 'bg-red-600', success: 'bg-emerald-600', info: 'bg-primary' } %}
+{# Just the alerts. The positioned container with id="flashes" lives in layout.html.twig, because
+   that is the element htmx swaps out of band after a booking. Flat inline alerts for now: myep
+   renders these as Toastify toasts, which would mean adopting toastify-js (plan step 2/7). #}
+{% set levels = { error: 'bg-red-600', warning: 'bg-amber-600', success: 'bg-emerald-600', info: 'bg-primary' } %}
 
 {% for level, messages in app.flashes(levels|keys) %}
-    <div class="fixed bottom-4 right-4 z-50 space-y-2">
-        {% for message in messages %}
-            <div class="{{ levels[level] }} text-gray-100 rounded shadow-lg px-4 py-3 text-sm">
-                {{ message|trans }}
-            </div>
-        {% endfor %}
-    </div>
+    {% for message in messages %}
+        <div class="{{ levels[level] }} text-white rounded shadow-lg px-4 py-3 text-sm">
+            {{ message|trans }}
+        </div>
+    {% endfor %}
 {% endfor %}

templates/_partials/_nav.html.twig

@@ -21,5 +21,19 @@
                 </li>
             {% endfor %}
         </ul>
+
+        {% if app.user %}
+            <div class="mt-auto pt-6 border-t border-gray-200">
+                <div class="px-2 pb-2 text-sm">
+                    <div class="font-semibold">{{ app.user.name }}</div>
+                    <div class="text-gray-500 truncate">{{ app.user.email }}</div>
+                </div>
+                <a href="{{ path('app_logout') }}"
+                   class="group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold text-gray-700 hover:bg-gray-50">
+                    {{ ux_icon('lucide:log-out', { class: 'h-5 w-5 shrink-0 text-gray-400' }) }}
+                    <span class="flex-1">Abmelden</span>
+                </a>
+            </div>
+        {% endif %}
     </nav>
 </div>