Add LogViewer component and update dependencies for enhanced logging functionality

- Introduced a new LogViewer component for displaying and filtering network logs with virtual scrolling.
- Updated package dependencies, including adding @types/react-window, react-resizable-panels, react-window, and use-debounce for improved performance and functionality.
- Enhanced NetworkView to integrate LogViewer, allowing for better log management and user interaction.
- Refactored NetworkEdge and ReactFlowGraph components for improved performance and code clarity.

Author: rajsinghtech

frontend/package-lock.json

@@ -23,6 +23,7 @@
   },
   "dependencies": {
     "@tanstack/react-virtual": "^3.13.12",
+    "@types/react-window": "^1.8.8",
     "@xyflow/react": "^12.8.4",
     "clsx": "^2.1.0",
     "d3": "^7.9.0",
@@ -31,8 +32,11 @@
     "lucide-react": "^0.323.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-resizable-panels": "^3.0.5",
     "react-router-dom": "^6.8.1",
+    "react-window": "^2.0.0",
     "swr": "^2.2.4",
+    "use-debounce": "^10.0.5",
     "zustand": "^4.4.7"
   },
   "devDependencies": {