feat(tools): add SVG to React/CSS utility

[omkarhole]

Add SVG converter tool that transforms raw SVG code into optimized variants:

• React Component: Clean, reusable functional component with dynamic sizing
• CSS Data URI: Inline SVG for CSS background images
• CSS Mask: SVG as CSS mask-image for flexible icon styling

Features:

• Automatic metadata cleanup (removes XML declarations, comments, DOCTYPE)
• viewBox preservation for responsive sizing
• Optional currentColor replacement for theme support
• Configurable default width/height
• File upload support (.svg files)
• Copy-to-clipboard functionality

video:
https://github.com/user-attachments/assets/1ae4ede8-404a-44a0-b6a3-c61821d3d083

@rishima17 plz review it

closes: #50

[SyedFahad7]

Please rebase your PR branch onto the latest develop (do not merge develop into your feature branch).

Try:

git fetch upstream
git rebase upstream/develop

Resolve conflicts and run local checks (npm run lint, npm run build)
git push --force-with-lease origin <your-branch>

Notes:
No need to fix unrelated pre-existing warnings.
Do fix errors introduced by your PR (especially in touched files).
This rebases only your PR branch; it does not rewrite our develop branch.

Also raise the PR against develop branch and not main @omkarhole

[omkarhole]

@SyedFahad7 done. please review it

[SyedFahad7]

Hey, great work on this @omkarhole, the tool idea and integration are solid, and it's good to see lint/build passing. Just a few blockers to address before we can merge:

1. Preserve id attributes in React output (svgConverter.tsx) -removing them breaks SVGs that depend on url(#id) references internally.

2. CSS Mask mode should always emit mask-image / -webkit-mask-image (svgConverter.tsx) — right now it's gated behind useCurrentColor, which can result in invalid/unusable CSS being output.

3. JSX normalization for SVG attributes (svgConverter.tsx) — attributes like fill-rule, clip-rule, and class need to be converted to their JSX equivalents (e.g. fillRule, clipRule, className), otherwise the output generates invalid JSX/TSX.

Once these three are resolved, I'll jump back in for a re-review right away. Thanks again for the contribution!

[omkarhole]

@SyedFahad7 i have made changes as per mentioned .
before merging PR please add proper label of apertre 3.0 and (easy ,medium,hard ) to get points for my work .
thanks !