feat: adopt main website styles

templates/layout.html.twig

@@ -1,15 +1,17 @@
-<div class="container py-8"
-     id="app"
+<div class="container mb-16"
+     id="myep"
      hx-boost="true"
      hx-indicator="#loading-indicator">
     <div class="relative z-20 flex items-center justify-between pb-4">
-        <div class="text-3xl font-medium">
-            MyE&amp;P
-        </div>
         {% if is_granted('ROLE_USER') %}
-            <div class="hidden lg:block">
-                {{ knp_menu_render(knp_menu_get('main')) }}
-            </div>
+            <nav class="w-full bg-zinc-100 flex items-center mb-8 relative">
+                <div class="flex-1 block text-2xl px-4">My E&amp;P</div>
+                <div class="bg-zinc-50 shadow w-full lg:w-auto absolute lg:relative z-10 lg:z-auto top-full lg:top-auto left-0 lg:shadow-none lg:flex lg:space-x-4">
+                    <div class="lg:flex lg:items-center m-0">
+                        {{ knp_menu_render(knp_menu_get('main')) }}
+                    </div>
+                </div>
+            </nav>
         {% endif %}
     </div>
     <div id="content">