fix(toolbar): skip image audit for framework components

Images inside astro-island elements (React, Vue, Svelte, etc. with client:* directives) now skip the 'Use the Image component' audit warning, since these components can't directly use Astro's Image component.

Fixes #15048

Author: rahuld109

.changeset/skip-framework-image-audit.md

@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Skips "Use the Image component" audit warning for images inside framework components (React, Vue, Svelte, etc.)

packages/astro/src/runtime/client/dev-toolbar/apps/audit/rules/perf.ts

@@ -10,6 +10,10 @@ export const perf: AuditRuleWithSelector[] = [
 		message: 'This image could be replaced with the Image component to improve performance.',
 		selector: 'img:not([data-image-component])',
 		async match(element) {
+			// Skip images inside framework components (React, Vue, Svelte, etc.)
+			// These are wrapped in astro-island and can't directly use Astro's Image component
+			if (element.closest('astro-island')) return false;
+
 			const src = element.getAttribute('src');
 			if (!src) return false;