[Feature]: View Router and Routes

[msaeedsaeedi]

As a frontend engineer
I need to see a router with connected routes in the Integration View
So that I can design the navigation flow for the selected application

Details and Assumptions

• Displays a fixed router at the right with routes connected directly or via guards.
• API: NestJS manages route data via /board/routes.
• Database: Stores routes in the routes table.
• Assumptions: Canvas scrolls horizontally for more routes.

Acceptance Criteria

Feature: View Router and Routes

Scenario: View router and routes
Given the user is logged in and on the Integration View
When the user loads the view
Then a fixed router block is shown at the far right
And routes are displayed as blocks connected to the router
And the canvas scrolls horizontally

Implementation Notes

• API endpoint: GET /board/routes to fetch route data.
• Database: Query routes table.
• Additional notes: Implement horizontal scroll, fix router position.