[BUG] Fix all invalid DOM property warnings across the project

[toffee-k21]

Describe the bug.

Several DOM property warnings are being raised in the console due to the use of non-standard or incorrect property names. React requires camelCase property names, but multiple places in the project still use kebab-case, such as fill-rule, stroke-width, etc.

These warnings appear when running the project with React, and while they do not break functionality, they clutter the console and could lead to potential issues in future React versions.

Expected behavior

No warnings should appear in the console for invalid DOM properties, and all attributes should follow React’s camelCase convention.

Screenshots

How to Reproduce

1. Run the project in a React environment (mention the version).
2. Inspect the console for warnings like: "Warning: Invalid DOM property fill-rule. Did you mean fillRule?" "Warning: Invalid DOM property stroke-width. Did you mean strokeWidth?"

🥦 Browser

None

👀 Have you checked for similar open issues?

• [X] I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• [X] I have read the Contributing Guidelines

Are you willing to work on this issue ?

None

[arpitkuriyal]

i can do this . Making PR soon