[Feature]: Add or Configure Interceptors

[msaeedsaeedi]

As a frontend engineer
I need to add and configure interceptors between applications and services
So that I can manage middleware logic (e.g., logging, authentication)

Details and Assumptions

• Allows dragging interceptor blocks with attributes (name, description) between applications and services.
• API: NestJS handles interceptor creation via /board/interceptors.
• Database: Stores interceptors in the interceptors table in Supabase.
• Assumptions: Interceptors are optional and user has edit permissions.

Acceptance Criteria

Feature: Add or Configure Interceptors with Supabase and NestJS

Scenario: Add an interceptor
Given the user is logged in and on the Application View
When the user drags an interceptor between an application and service
Then the interceptor is displayed as a connector with dotted lines

Implementation Notes

• API endpoint: POST /board/interceptors to create a new interceptor.
• Database: Insert into interceptors table.
• Additional notes: Use Angular drag-and-drop for placement, style with dotted lines.