fix(ssr): keep top bar to a fixed-height single row

The top bar grew vertically on narrower viewports when the environment
badge and company-selector labels wrapped, pushing content under the
fixed navbar (which the layout offsets with a fixed pt-16).

Rework the navbar into a fixed h-16 row with a priority-based responsive
layout:
- search fills the middle (flex-1) and shrinks first when space is tight
- company selector holds its size and truncates long names
- environment badge degrades full pill -> compact letter badge -> hidden
- harmonize control heights (40px controls, 32px badge/avatar accents) so
  the search no longer renders as a cramped thin strip

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/clj/auto_ap/ssr/company_dropdown.clj

@@ -81,7 +81,7 @@
    (dropdown-search-results* {:options (get-clients identity (get (:query-params request) "search-text"))})))
 
 (defn dropdown [{:keys [client-selection client identity clients]}]
-  [:div#company-dropdown {:x-data (hx/json {})}
+  [:div#company-dropdown {:x-data (hx/json {}) :class "shrink-0"}
    [:script
     (hiccup/raw
      "localStorage.setItem(\"last-client-id\", \"" (:db/id client) "\")" "\n"
@@ -93,22 +93,23 @@
              :else
              client-selection) ")")]
    [:div
-    [:button#company-dropdown-button {:class "text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2.5 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+    [:button#company-dropdown-button {:class "text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2.5 text-center inline-flex items-center whitespace-nowrap dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
                                       "x-tooltip.on.click" "{content: ()=>$refs.tooltip.innerHTML, theme: 'light', onMount(i) { htmx.process(i.popper); }, allowHTML: true, interactive:true}"
                                       :type "button"}
-     (cond
-       (= :mine client-selection)
-       "My Companies"
-       (= :all client-selection)
-       "All Companies"
+     [:span {:class "truncate max-w-[10rem] sm:max-w-[14rem]"}
+      (cond
+        (= :mine client-selection)
+        "My Companies"
+        (= :all client-selection)
+        "All Companies"
 
-       (and client
-            (= 1 (count clients)))
-       (:client/name client)
+        (and client
+             (= 1 (count clients)))
+        (:client/name client)
 
-       :else
-       (str (count clients) " Companies"))
-     [:div.w-4.h-4.ml-2
+        :else
+        (str (count clients) " Companies"))]
+     [:div.w-4.h-4.ml-2.shrink-0
       svg/drop-down]]
     [:template#company-dropdown-list {:x-ref "tooltip"}
      [:div {:class "w-[300px]"