feat(ui): uniformise les droplist dynamiques sur le style du picker d'agent

Introduit SmallDropdown comme composant partagé et le fait adopter par
AgentsPanel, ModelServerSelect, OpenCodeModeFields, TemplateEditor et
TicketViewportSelect, pour que toutes les listes déroulantes dynamiques
(agent, modèle, template, viewport) partagent la même apparence que le
sélecteur d'agent de la création de ticket.

Refs #114

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

frontend/src/features/templates/TemplateEditor.tsx

@@ -16,7 +16,7 @@ import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 
 import type { AgentProfile, Template } from "@/domain";
-import { Button, Input, cn } from "@/shared";
+import { Button, Input, SmallDropdown, cn } from "@/shared";
 
 export interface TemplateEditorProps {
   /**
@@ -114,25 +114,19 @@ export function TemplateEditor({
               Default profile
             </label>
             {profiles.length > 0 ? (
-              <select
+              <SmallDropdown
                 id="te-profile"
                 aria-label="template default profile"
                 value={defaultProfileId}
-                onChange={(e) => setDefaultProfileId(e.target.value)}
+                onChange={setDefaultProfileId}
                 disabled={busy}
-                className={cn(
-                  "h-9 w-full rounded-md bg-raised px-3 text-sm text-content",
-                  "border border-border outline-none transition-colors",
-                  "focus:border-primary disabled:cursor-not-allowed disabled:opacity-50",
-                )}
-              >
-                <option value="">— none —</option>
-                {profiles.map((p) => (
-                  <option key={p.id} value={p.id}>
-                    {p.name}
-                  </option>
-                ))}
-              </select>
+                className="w-full"
+                size="md"
+                options={[
+                  { value: "", label: "— none —" },
+                  ...profiles.map((p) => ({ value: p.id, label: p.name })),
+                ]}
+              />
             ) : (
               <Input
                 id="te-profile"