fix(ticket): gate AI detection summary behind assign permission

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

@@ -8,7 +8,7 @@ import {
   MapPin,
   Monitor,
   UserRound,
-  Play
+  Play,
 } from 'lucide-react';
 import { useState } from 'react';
 
@@ -172,6 +172,8 @@ export function TicketOverviewCard({
         </Card>
       ) : null}
 
+      <PermissionGuard permissions={PERMISSIONS.TICKET.ASSIGN}>
+        <>
           <Card>
             <CardHeader>
               <CardTitle className="flex items-center gap-2">
@@ -180,7 +182,6 @@ export function TicketOverviewCard({
               </CardTitle>
               {analysisVideoId ? (
                 <CardAction>
-              <PermissionGuard permissions={PERMISSIONS.TICKET.ASSIGN}>
                   <Button
                     variant="secondary"
                     onClick={() => setIsAnalysisOpen(true)}
@@ -188,7 +189,6 @@ export function TicketOverviewCard({
                     <Play className="mr-2 size-4" />
                     View Video
                   </Button>
-              </PermissionGuard>
                 </CardAction>
               ) : null}
             </CardHeader>
@@ -216,7 +216,10 @@ export function TicketOverviewCard({
               {hasVideoMetrics ? (
                 <div className="grid gap-3 rounded-lg bg-muted/35 px-4 py-3 text-sm sm:grid-cols-3">
                   {videoMetadata?.fps ? (
-                <VideoMetric icon={Gauge} label={`${videoMetadata.fps} FPS`} />
+                    <VideoMetric
+                      icon={Gauge}
+                      label={`${videoMetadata.fps} FPS`}
+                    />
                   ) : null}
                   {duration ? (
                     <VideoMetric icon={Clock3} label={`${duration} Duration`} />
@@ -245,6 +248,8 @@ export function TicketOverviewCard({
               </DialogBody>
             </DialogContent>
           </Dialog>
+        </>
+      </PermissionGuard>
     </div>
   );
 }