feat: aligned button widths in header

Author: jahilldev

app/src/components/ChatList.tsx

@@ -68,7 +68,7 @@ export default function ChatList() {
         <button
           disabled={creating}
           onClick={() => void newChat()}
-          class="ml-auto rounded-lg bg-hermes-400 px-3 py-1.5 text-xs font-medium text-zinc-950 hover:bg-hermes-500 disabled:opacity-50 transition-colors"
+          class="w-20 ml-auto rounded-lg bg-hermes-400 px-3 py-1.5 text-xs font-medium text-zinc-950 hover:bg-hermes-500 disabled:opacity-50 transition-colors"
         >
           {creating ? 'Starting…' : 'New chat'}
         </button>

app/src/components/JobList.tsx

@@ -229,13 +229,13 @@ export default function JobList() {
         <div class="ml-auto flex items-center gap-2">
           <button
             onClick={() => navigate('/create')}
-            class="rounded-lg bg-hermes-400 px-3 py-1.5 text-xs font-medium text-zinc-950 hover:bg-hermes-500 transition-colors"
+            class="w-20 rounded-lg bg-hermes-400 px-3 py-1.5 text-xs font-medium text-zinc-950 hover:bg-hermes-500 transition-colors"
           >
             Create
           </button>
           <button
             onClick={() => navigate('/chats')}
-            class="rounded-lg border border-zinc-700 px-3 py-1.5 text-xs font-medium text-zinc-300 hover:bg-zinc-800 transition-colors"
+            class="w-20 rounded-lg border border-zinc-700 px-3 py-1.5 text-xs font-medium text-zinc-300 hover:bg-zinc-800 transition-colors"
           >
             Chat
           </button>