chore(js-ts): Convert routing components to TypeScript

[devin-ai-integration]

chore(js-ts): Convert routing components to TypeScript

Description

This PR migrates the components in src/elements/common/routing from JavaScript to TypeScript, following the provided playbook.

Changes

• Renamed files:
  • withRouterAndRef.js → withRouterAndRef.tsx
  • index.js → index.ts
• Updated TypeScript types:
  • Added proper TypeScript generic types
  • Used RouteComponentProps from react-router-dom
  • Improved type safety with generics for props and ref
• Did not modify the __tests__ directory as instructed

Verification

• ✅ TypeScript checks pass (yarn tsc)
• ✅ Linting passes (yarn lint)
• ✅ Tests pass (yarn test src/elements/common/routing)

Link to Devin run

https://app.devin.ai/sessions/579609b532e24c29bf98bd257e43d6ba

Requested by

Joseph

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add "(aside)" to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring