Convert Components and Pages to TypeScript

[mohitvermax]

📝 Description

Migrate all UI components and page files from .jsx to .tsx.
Ensure all props, state, and event handlers have explicit types for better maintainability and IDE support.

---

✅ Tasks

• Convert all files in /components:
  • Adsr.jsx, Display.jsx, Equalizers.jsx, Keys.jsx
• Convert /pages/Sonara.jsx and root-level React files (App.jsx, main.jsx).
• Use interfaces from /types for prop definitions.
• Fix type errors, especially around event handlers and refs.
• Test and confirm UI behavior remains unchanged.

---

🎯 Expected Outcome

• All React components use TypeScript (.tsx).
• Props and state are strongly typed.
• The app compiles cleanly with no runtime changes.
• Improved code clarity and developer experience.

[Mrigank118]

Hi! 👋 I’d like to work on this issue for Hacktoberfest. Could you please assign it to me?

[baync180705]

Hey @Mrigank118 ! Please first let me know what approach would you take to implement this.