fix: lint issues

Author: arlac77

src/components/Endpoint.svelte

@@ -19,7 +19,10 @@
 <g
   id={endpoint.identifier}
   class="endpoint"
+  tabindex="0"
+  role="button"
   on:click={click}
+  on:keydown={click}
   transform="translate({endpoint.x},{endpoint.y})"
 >
   <text x="-6px" y="1px">{endpoint.name}</text>

src/components/Interceptor.svelte

@@ -27,4 +27,12 @@
     : "#interceptor";
 </script>
 
-<use {href} {x} {y} on:click={click} />
+<use
+  {href}
+  {x}
+  {y}
+  on:click={click}
+  on:keydown={click}
+  tabindex="0"
+  role="button"
+/>

src/components/Service.svelte

@@ -50,7 +50,10 @@
   id={service.name}
   class="service"
   transform="translate({service.x},{service.y})"
+  role="button"
+  tabindex="0"
   on:click={click}
+  on:keydown={click}
 >
   <rect width={service.w} height={service.h} rx="4" />
   <text x="8" y="14">{service.name}</text>