style(ticket): use primary variants for overview actions and badges

src/app/(modules)/ticket/[ticketId]/components/TicketAssignmentsCard.tsx

@@ -180,7 +180,7 @@ export function TicketAssignmentsCard({
             </CardDescription>
           </div>
           {assignmentsQuery.data ? (
-            <Badge variant="secondary">{assignments.length}</Badge>
+            <Badge variant="default">{assignments.length}</Badge>
           ) : null}
         </div>
       </CardHeader>

src/app/(modules)/ticket/[ticketId]/components/TicketDetailHeader.tsx

@@ -21,9 +21,23 @@ export function TicketDetailHeader({
 
   return (
     <div className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
-      <div className="min-w-0 space-y-1">
+      <div className="flex min-w-0 items-start gap-3">
-        <h1 className="text-2xl font-semibold tracking-tight">Ticket Detail</h1>
+        <Button
-        <p className="text-xs ">Ticket: {ticketLabel}</p>
+          type="button"
+          variant="secondary"
+          size="icon"
+          onClick={() => router.push('/ticket')}
+          aria-label="Back to ticket list"
+          className="shrink-0"
+        >
+          <ArrowLeft />
+        </Button>
+        <div className="min-w-0 space-y-1">
+          <h1 className="text-2xl font-semibold tracking-tight">
+            Ticket Detail
+          </h1>
+          <p className="text-xs">Ticket: {ticketLabel}</p>
+        </div>
       </div>
 
       <div className="flex shrink-0 items-center gap-2">
@@ -37,10 +51,6 @@ export function TicketDetailHeader({
         <PermissionGuard permissions={PERMISSIONS.TICKET.ASSIGN}>
           <AssignTicketAction ticketId={ticket.id} />
         </PermissionGuard>
-        <Button variant="secondary" onClick={() => router.push('/ticket')}>
-          <ArrowLeft className="size-4" />
-          Back to List
-        </Button>
       </div>
     </div>
   );

src/app/(modules)/ticket/[ticketId]/components/TicketOverviewCard.tsx

@@ -183,7 +183,7 @@ export function TicketOverviewCard({
               {analysisVideoId ? (
                 <CardAction>
                   <Button
-                    variant="secondary"
+                    variant="default"
                     onClick={() => setIsAnalysisOpen(true)}
                   >
                     <Play className="mr-2 size-4" />

src/app/(modules)/ticket/[ticketId]/components/TicketOverviewSkeleton.tsx

@@ -31,9 +31,12 @@ function SummarySkeletonCard() {
 export function TicketOverviewHeaderSkeleton() {
   return (
     <div className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
-      <div className="min-w-0 space-y-2">
+      <div className="flex min-w-0 items-start gap-3">
-        <Skeleton className="h-8 w-40" />
+        <Skeleton className="size-10 shrink-0 rounded-lg" />
-        <Skeleton className="h-3 w-36 max-w-full" />
+        <div className="min-w-0 space-y-2">
+          <Skeleton className="h-8 w-40" />
+          <Skeleton className="h-3 w-36 max-w-full" />
+        </div>
       </div>
 
       <div className="flex shrink-0 items-center gap-2">

src/app/(modules)/ticket/[ticketId]/components/actions/TicketActionCard.tsx

@@ -30,7 +30,7 @@ export function TicketActionCard({
             <span className="truncate">{title}</span>
           </CardTitle>
           {contextLabel ? (
-            <Badge variant="secondary" className="shrink-0">
+            <Badge variant="default" className="shrink-0">
               {contextLabel}
             </Badge>
           ) : null}

src/app/(modules)/upload/components/UploadListColumns.tsx

@@ -54,7 +54,7 @@ export function useUploadListColumns(): ColumnDef<UploadListItem>[] {
       },
       {
         id: 'uploaded_by',
-        header: 'Uploader',
+        header: 'Uploaded By',
         size: 190,
         cell: ({ row }) => (
           <div>

src/app/(modules)/users/components/UserColumns.tsx

@@ -69,6 +69,7 @@ export function useUserColumns(): ColumnDef<AdministrationUser>[] {
         header: 'Status',
         cell: ({ row }) => (
           <Badge
+            className="capitalize"
             variant={
               row.original.effective_status === 'active'
                 ? 'default'