feat(component): replaced SideNavMenuItem.js -> SideNavMenuItem.tsx component

[Nirajsah]

Closes #13607

To add a new file SideNavMenuItem.tsx with it's corresponding types.

Changelog

Changed

• Updated TypeScript types for the SideNavMenuItem component to resolve type error.

Testing / Reviewing

To verify the changes:

1. Ensure that the SideNavMenuItem component renders without any TypeScript errors.
2. Test the component with different props and verify that it behaves as expected.
3. Verify that the component works correctly in various usage scenarios, including cases with and without the isActive prop.
4. Check if the component integrates seamlessly with the rest of the application's components and features.
5. Run existing tests to ensure that the changes do not break any existing functionality.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Name	Link
🔨 Latest commit	5884aa9
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/65415353b40a23000983277e
😎 Deploy Preview	https://deploy-preview-14996--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	5884aa9
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/65415353a9e4570008cd6a73
😎 Deploy Preview	https://deploy-preview-14996--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Nirajsah]

@alisonjoseph Thank you! 😇

[kubijo]

@tay1orjones, @alisonjoseph

This one no longer accepts props passable to the underlying Link component… namely to and as.
Was this change intentional?
The runtime code still uses Link and passes …rest props to it.

[tay1orjones]

@kubijo No it wasn't intentional. What do you think is a reasonable course of action? Modify the extends to include Link, something like extends React.Component<LinkProps, {}>?

[kubijo]

If the Link component already has types, I'd extend those or at least do Pick<LinkProps, …> for some reasonable subset