refactor(style): update chat layout and scrolling

frontend/public/pages/images.html

@@ -1,5 +1,6 @@
 <div
-  class="flex flex-col gap-4 pt-16 mx-auto px-4 md:px-6 max-w-6xl"
+  class="flex flex-col gap-4 pb-4 mx-auto px-4 md:px-6 max-w-6xl"
+  style="padding-top: var(--nav-h);"
   x-data="imageGenerator()"
 >
   <div>

frontend/public/pages/settings.html

@@ -1,7 +1,8 @@
 <form
   x-data="settingsManager()"
   @submit.prevent="saveSettings"
-  class="p-0.5 w-full flex flex-col gap-4 pt-16 mx-auto px-4 md:px-6 max-w-6xl"
+  class="p-0.5 w-full flex flex-col gap-4 pb-4 mx-auto px-4 md:px-6 max-w-6xl"
+  style="padding-top: var(--nav-h);"
 >
   <div>
     <span class="text-sm font-medium font-semibold text-primary-700"