feat: add chains[0] and process to connections display (#205)

* add chains[0] display

* add metadata.process to connections

src/components/connection/connection-item.tsx

@@ -48,8 +48,12 @@ const ConnectionItem = (props: Props) => {
 
             <Tag>{metadata.type}</Tag>
 
+            {metadata.process && <Tag>{metadata.process}</Tag>}
+
             {chains.length > 0 && <Tag>{chains[value.chains.length - 1]}</Tag>}
 
+            {chains.length > 0 && <Tag>{chains[0]}</Tag>}
+
             <Tag>{dayjs(start).fromNow()}</Tag>
 
             {showTraffic && (

src/services/types.d.ts

@@ -67,6 +67,7 @@ declare namespace ApiType {
       sourcePort: string;
       destinationPort: string;
       destinationIP?: string;
+      process?: string;
     };
     upload: number;
     download: number;