Add System Link page (telemetry monitor) for PECAN

Author: haoruizhou

pecan/package-lock.json

@@ -17,12 +17,14 @@
     "@types/plotly.js": "^3.0.8",
     "bootstrap": "^5.3.8",
     "candied": "^2.2.0",
+    "lucide-react": "^0.562.0",
     "plotly.js-dist-min": "^3.3.0",
     "react": "^19.1.1",
     "react-bootstrap": "^2.10.10",
     "react-dom": "^19.1.1",
     "react-router": "^7.9.3",
     "reactflow": "^11.11.4",
+    "socket.io-client": "^4.8.1",
     "tailwindcss": "^4.1.13",
     "ws": "^8.18.3"
   },

pecan/package.json

@@ -56,6 +56,11 @@ function Sidebar({ onClose, isOpen }: Readonly<InputProps>) {
                 path="/monitor-builder"
                 onClose={onClose}
               />
+              <SidebarOption
+                option="System Link"
+                path="/system-link"
+                onClose={onClose}
+              />
             </ul>
           </div>
           <footer className="font-footer flex flex-col space-y-8 mb-10">