style: refine shared UI primitives and management flows

src/components/video/annotatedDetectionImage.tsx

@@ -47,17 +47,17 @@ export default function AnnotatedDetectionImage({
       {!detection ? (
         <div className="flex flex-col items-center gap-2 text-muted-foreground">
           <ImageIcon className="size-7" />
-          <p className="text-sm">Select a detection to view its image.</p>
+          <p>Select a detection to view its image.</p>
         </div>
       ) : isLoading ? (
         <div className="flex flex-col items-center gap-2 text-muted-foreground">
           <Loader2 className="size-7 animate-spin text-primary" />
-          <p className="text-sm">Loading detection image...</p>
+          <p>Loading detection image...</p>
         </div>
       ) : isError || !objectUrl ? (
         <div className="flex flex-col items-center gap-2 text-destructive">
           <AlertTriangle className="size-7" />
-          <p className="text-sm">Failed to load the detection image.</p>
+          <p>Failed to load the detection image.</p>
         </div>
       ) : (
         <>