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

[Nirajsah]

Closes #13603

Detailed Description

• In this pull request, I have introduced a new component file, SideNavItems.tsx, along with corresponding TypeScript types to enhance type safety. During the development of this component, I encountered an issue. the issue was related to TypeScript's ability to correctly infer types, particularly with regards to (child.type?.displayName).

To resolve the issue with TypeScript's type inference, I implemented a solution by explicitly defining the child's type as React.ComponentType. I then checked whether the displayName property existed within childType. This approach ensured that TypeScript correctly recognised and inferred the types, effectively resolving the issue.

In previous PRs, I unintentionally omitted running the tests before making the commits. I acknowledge and apologise for this oversight. All test suites were successful.

New

• Added a new file SideNavItems.tsx along with its corresponding TypeScript types. Issue Resolution

Changed

• SideNavItems.js to SideNavItems.tsx

Removed

• None

It's important to note that all other aspects of the SideNavItems.tsx file are functioning as expected, and there are no other issues in the codebase.

Testing / Review
Reviewers can verify the changes in this PR by:

• Examining the new SideNavItems.tsx file and its associated TypeScript types for correctness and completeness.
• Confirming that the issue related to the isSideNavExpanded prop has been successfully resolved.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	98b1c67
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/6542a198ef88520008b5bf4c
😎 Deploy Preview	https://deploy-preview-15084--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	98b1c67
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/6542a198aa2e2e0008b92ca1
😎 Deploy Preview	https://deploy-preview-15084--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.

[tay1orjones]

Thank you!