feat(ticket): split overview/class detail queries and add loading skeletons

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

@@ -9,7 +9,6 @@ import { ClosedTicketAction } from './actions/ClosedTicketAction';
 import { NoTicketAction } from './actions/NoTicketAction';
 import { ReviewRepairAction } from './actions/ReviewRepairAction';
 import { SubmitRepairAction } from './actions/SubmitRepairAction';
-import { TicketDefectClassTabs } from './TicketDefectClassTabs';
 
 interface TicketStatusActionsProps {
   ticket: TicketDetail;
@@ -49,7 +48,10 @@ function getTicketAction(ticket: TicketDetail) {
     );
   }
 
-  if (ticket.assignment_status === 'approved' || ticket.assignment_status === 'rejected') {
+  if (
+    ticket.assignment_status === 'approved' ||
+    ticket.assignment_status === 'rejected'
+  ) {
     return <ClosedTicketAction ticket={ticket} />;
   }
 
@@ -57,10 +59,5 @@ function getTicketAction(ticket: TicketDetail) {
 }
 
 export function TicketStatusActions({ ticket }: TicketStatusActionsProps) {
-  return (
-    <div className="space-y-3">
-      <TicketDefectClassTabs ticketId={ticket.id} />
-      {getTicketAction(ticket)}
-    </div>
-  );
+  return getTicketAction(ticket);
 }