fix(panel): size the task-id chip and branch metadata to match their siblings

The task-detail header id chip and the Branch metadata card both rendered at text-xs, visibly smaller than the neighbouring controls and cards. Bump both to text-sm, align the id chip's height with the adjacent status/team selects, and let the long branch name span two columns so it reads at the same size as the other metadata.

panel/src/components/tasks/task-detail/task-header.tsx

@@ -489,7 +489,7 @@ export function TaskHeader({ task, onAction }: TaskHeaderProps) {
                 shift a neighbor; the id is read-only and copies the FULL uuid. */}
             <div className="flex items-center gap-2 mt-1.5">
               <span
-                className="inline-flex shrink-0 items-center gap-1 rounded-md border bg-muted/40 px-2 py-0.5 font-mono text-xs text-muted-foreground"
+                className="inline-flex h-7 shrink-0 items-center gap-1 rounded-md border bg-muted/40 px-2.5 font-mono text-sm text-muted-foreground"
                 title={task.id}
               >
                 #{task.id.slice(0, 8)}

panel/src/components/tasks/task-detail/task-metadata.tsx

@@ -443,7 +443,7 @@ export function TaskMetadata({ task }: TaskMetadataProps) {
       {/* Branch Name - read-only, but clickable (opens the branch on GitHub)
           and copyable. Same look as before; the link/copy are additive. */}
       {task.branch_name && (
-        <Card>
+        <Card className="col-span-2">
           <CardContent className="pt-4">
             <div className="flex items-center gap-2 text-sm text-muted-foreground mb-1">
               <GitBranch className="h-4 w-4" />
@@ -458,12 +458,12 @@ export function TaskMetadata({ task }: TaskMetadataProps) {
                   title="Open branch in GitHub"
                   className="inline-flex transition-opacity hover:opacity-80"
                 >
-                  <Badge variant="outline" className="font-mono text-xs">
+                  <Badge variant="outline" className="font-mono text-sm">
                     {task.branch_name}
                   </Badge>
                 </a>
               ) : (
-                <Badge variant="outline" className="font-mono text-xs">
+                <Badge variant="outline" className="font-mono text-sm">
                   {task.branch_name}
                 </Badge>
               )}