Enhance NetworkGraph and NetworkView components with port and protocol tracking

- Added support for incoming and outgoing ports, as well as protocols, to the NetworkNode interface.
- Updated NetworkGraph to display ports and protocols in a unified grid format.
- Improved layout and rendering of device information, including user and tags, in the NetworkGraph.
- Enhanced NetworkView to track and categorize port and protocol information from traffic data.

Author: rajsinghtech

backend/internal/services/tailscale.go

@@ -45,6 +45,7 @@ type Device struct {
 	Blocksincomingnonnodes bool     `json:"blocksIncomingnonnodes"`
 	EnabledRoutes          []string `json:"enabledRoutes"`
 	AdvertisedRoutes       []string `json:"advertisedRoutes"`
+	Tags                   []string `json:"tags"`
 }
 
 type DevicesResponse struct {
@@ -218,6 +219,7 @@ func (ts *TailscaleService) GetDevices() (*DevicesResponse, error) {
 				Blocksincomingnonnodes: device.BlocksIncomingConnections,
 				EnabledRoutes:          device.EnabledRoutes,
 				AdvertisedRoutes:       device.AdvertisedRoutes,
+				Tags:                   device.Tags,
 			})
 		}