fix: refresh ticket detail data with the active defect class, select the emitted defect class after analysis completes, and animate the processing loader icon.

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

@@ -1,6 +1,6 @@
 'use client';
 
-import { AlertCircle, Loader2 } from 'lucide-react';
+import { AlertCircle, Loader  } from 'lucide-react';
 
 import { Progress } from '@/components/ui/progress';
 import type { TicketProcessingProgress } from '../../../hooks/useTicketDetailEvents';
@@ -28,7 +28,11 @@ export function ProcessingTicketAction({
   const hasProgress = Boolean(progress);
 
   return (
-    <TicketActionCard icon={Loader2} title="Analyzing Video">
+    <TicketActionCard
+      icon={Loader}
+      iconClassName="animate-spin"
+      title="Analyzing Video"
+    >
       <div className="space-y-4">
         <div className="space-y-2">
           <div className="flex items-center justify-between gap-3 text-sm">

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

@@ -3,15 +3,18 @@
 import type { LucideIcon } from 'lucide-react';
 
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { cn } from '@/lib/utils';
 
 interface TicketActionCardProps {
   icon: LucideIcon;
+  iconClassName?: string;
   title: string;
   children: React.ReactNode;
 }
 
 export function TicketActionCard({
   icon: Icon,
+  iconClassName,
   title,
   children,
 }: TicketActionCardProps) {
@@ -19,7 +22,7 @@ export function TicketActionCard({
     <Card>
       <CardHeader className="pb-4">
         <CardTitle className="flex items-center gap-2 text-base">
-          <Icon className="size-4 text-primary" />
+          <Icon className={cn('size-4 text-primary', iconClassName)} />
           {title}
         </CardTitle>
       </CardHeader>