fix(docs): use inset focus ring on lightbox media so parent overflow-hidden cannot clip it

Author: waleedlatif1

apps/docs/components/ui/image.tsx

@@ -26,7 +26,7 @@ export function Image({
       className={cn(
         'overflow-hidden rounded-xl border border-border object-cover',
         enableLightbox &&
-          'cursor-pointer transition-opacity group-hover:opacity-95 group-focus-visible:ring-2 group-focus-visible:ring-ring group-focus-visible:ring-offset-2',
+          'cursor-pointer transition-opacity group-hover:opacity-95 group-focus-visible:ring-2 group-focus-visible:ring-inset group-focus-visible:ring-ring',
         className
       )}
       alt={alt}

apps/docs/components/ui/video.tsx

@@ -48,7 +48,7 @@ export function Video({
       className={cn(
         className,
         enableLightbox &&
-          'cursor-pointer transition-opacity group-hover:opacity-[0.97] group-focus-visible:ring-2 group-focus-visible:ring-ring group-focus-visible:ring-offset-2'
+          'cursor-pointer transition-opacity group-hover:opacity-[0.97] group-focus-visible:ring-2 group-focus-visible:ring-inset group-focus-visible:ring-ring'
       )}
       src={getAssetUrl(src)}
     />