chore: apply linter fixes and code formatting

- Remove extra semicolons from JSX code examples
- Fix import formatting in test files
- Apply consistent code style across components

Author: meabed

EXAMPLES.md

@@ -71,15 +71,13 @@ php -S localhost:8080 -t examples  # Using PHP
 
 ```tsx
 import { ReactQrCode } from '@devmehq/react-qr-code'
-
 ;<ReactQrCode value="https://example.com" size={256} />
 ```
 
 ### With Custom Styling
 
 ```tsx
 import { AdvancedQRCode } from '@devmehq/react-qr-code'
-
 ;<AdvancedQRCode
   value="https://example.com"
   size={300}
@@ -117,7 +115,6 @@ import { AdvancedQRCode } from '@devmehq/react-qr-code'
 
 ```tsx
 import { AdvancedQRCode, QRHelpers } from '@devmehq/react-qr-code'
-
 ;<AdvancedQRCode
   value={QRHelpers.wifi('NetworkName', 'password123', 'WPA2')}
   theme="professional"

src/__tests__/AdvancedQRCode.test.tsx

@@ -303,10 +303,11 @@ describe('AdvancedQRCode', () => {
   })
 
   describe('Preset Themes', () => {
-    Object.keys(PRESET_THEMES).forEach((theme) => {
+    Object.keys(PRESET_THEMES).forEach((theme,i) => {
       it(`should apply ${theme} theme`, () => {
         const { container } = render(
           <AdvancedQRCode
+            key={i}
             value="test"
             theme={theme as keyof typeof PRESET_THEMES}
           />

src/components/AdvancedQRCode.tsx

@@ -238,7 +238,7 @@ export const AdvancedQRCode = forwardRef<QRCodeRef, AdvancedQRCodeProps>(
             >
               {config.colors.map((stop, index) => (
                 <stop
-                  key={index}
+                  key={`${id}-stop-${index}`}
                   offset={`${stop.offset * 100}%`}
                   stopColor={stop.color}
                   stopOpacity={stop.opacity || 1}
@@ -256,7 +256,7 @@ export const AdvancedQRCode = forwardRef<QRCodeRef, AdvancedQRCodeProps>(
             >
               {config.colors.map((stop, index) => (
                 <stop
-                  key={index}
+                  key={`${id}-stop-${index}`}
                   offset={`${stop.offset * 100}%`}
                   stopColor={stop.color}
                   stopOpacity={stop.opacity || 1}
@@ -443,7 +443,7 @@ export const AdvancedQRCode = forwardRef<QRCodeRef, AdvancedQRCodeProps>(
                   transform: scale(1);
                 }
               }
-              
+
               svg > * {
                 animation: fadeIn ${animationDuration}ms ease-in-out ${animationDelay}ms forwards;
               }

src/components/shapes/EyeRenderer.tsx

@@ -58,7 +58,7 @@ export class EyeRenderer {
 
     return (
       <g transform={transform}>
-        {filters.length > 0 && <defs>{filters}</defs>}
+        {filters.length > 0 && <defs>{filters.map((filter, index) => React.cloneElement(filter, { key: `${id}-filter-${index}` }))}</defs>}
 
         {/* Outer Frame */}
         {this.renderFrame(