feat: Integrate TanStack Router with React and refactor routing structure

[MehekFatima]

Implement TanStack Router with Opinionated Structure

Summary

This PR integrates TanStack Router into the React application, refactoring the routing implementation for improved maintainability and clarity.

Changes

• TanStack Router Installation: Added TanStack Router for routing management.
• React Integration: Configured routes with TanStack Router to work with React components.
• Structured Routing: Established a clear routing structure for easy addition of routes and pages.
• Code Refactor: Updated code to utilize the new routing setup.

Details

• Added RootRoute and HomeRoute with configurations.
• Implemented routeTree for route hierarchy management.
• Updated AppRouter to use RouterProvider.
• Created a template with comments for adding new routes and pages.

Opinionated Structure

• Import page components at the top of the router file.
• RootRoute handles layout and navigation.
• Define routes using createRoute().
• Create routeTree with RootRoute.addChildren().
• Use RouterProvider in AppRouter.

Steps to Add a New Route

1. Create a new page component in ../pages/ (e.g., NewPage.tsx).
2. Import the new component at the top of the router file.
3. Define a new route with createRoute().
4. Add the route to routeTree using RootRoute.addChildren([...]).
5. Update RootRoute navigation if needed.

[LuanRoger]

Hello, it's a good implementation overall. I've separated the router and routes into separated files, but the implementation it's the same.

I found a problem with the generate executable, due to some routing problem, here's a screenshot:

This made the tests field as well. Can you solve it?

[MehekFatima]

Hi, thanks for the feedback!

I’ll work on resolving the routing issue by adjusting the base path in TanStack Router for the packaged Electron app. This should prevent navigation issues and get the tests passing again.

[LuanRoger]

Hey @MehekFatima, I've solved the issue, thanks for yours contribution overall.