refactor(NetworkVisualiser.vue): restructure color and opacity properties for edges to improve clarity and maintainability

meshchatx/src/frontend/components/network-visualiser/NetworkVisualiser.vue

@@ -672,8 +672,10 @@ export default {
                         },
                         selectionWidth: 3,
                         hoverWidth: 2,
+                        color: {
                             opacity: 0.6,
                         },
+                    },
                 }
             );
 
@@ -911,6 +913,7 @@ export default {
                         id: edgeId,
                         from: entry.interface,
                         to: entry.hash,
+                        color: {
                             color:
                                 entry.hops === 1
                                     ? isDarkMode
@@ -919,9 +922,10 @@ export default {
                                     : isDarkMode
                                       ? "#1e3a8a"
                                       : "#3b82f6",
+                            opacity: entry.hops === 1 ? 1 : 0.5,
+                        },
                         width: entry.hops === 1 ? 2 : 1,
                         dashes: entry.hops > 1,
-                        opacity: entry.hops === 1 ? 1 : 0.5,
                         hidden: this.enableOrbit,
                     });
                     processedEdgeIds.add(edgeId);