fix(ui): reorder + center the agent dropdown label

In an RTL paragraph the bidi algorithm puts the *first* logical token
on the right, so "פתח דאשבורד Paperclip" rendered visually as
"Paperclip" on the LEFT — which reads as the *last* word in Hebrew
and looks like an afterthought rather than the brand name the menu
opens. Reorders to "Paperclip פתח דאשבורד" so Paperclip sits on the
right (read first) and centers the label so it sits above both items
instead of hugging the inline-start edge.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

web-ui/src/components/app-shell.tsx

@@ -128,8 +128,8 @@ export function AppShell({ children }: { children: ReactNode }) {
             </DropdownMenuTrigger>
 
             <DropdownMenuContent align="end" sideOffset={10} className="min-w-[240px]">
-              <DropdownMenuLabel className="text-xs text-muted-foreground">
-                פתח דאשבורד Paperclip
+              <DropdownMenuLabel className="text-xs text-muted-foreground text-center">
+                Paperclip פתח דאשבורד
               </DropdownMenuLabel>
               <DropdownMenuSeparator />
               {AGENT_BOARDS.map((board) => (