[system-analyzer] Fix chunk positions and update panels via FocusEvent

This CL fixes the chunk locations on timeline-tracks.
The App updates the Ic panel upon receiving FocusEvent with
an entry of ICLogEvent.

Bug: v8:10644

Change-Id: I4d09851c154196cc6cb1544a275ed33c8ae8a8af
Reviewed-on: https://chromium-review.googlesource.com/c/v8/v8/+/2354814
Commit-Queue: Zeynep Cankara <zcankara@google.com>
Reviewed-by: Camillo Bruni <cbruni@chromium.org>
Cr-Commit-Position: refs/heads/master@{#69399}

tools/system-analyzer/index.mjs

@@ -100,7 +100,8 @@ class App {
     this.#view.mapPanel.map = entry;
   }
   selectICLogEvent(entry) {
-    console.log("IC Entry selection");
+    this.#state.ic = entry;
+    this.#view.icPanel.filteredEntries = [entry];
   }
   selectSourcePositionEvent(sourcePositions) {
     console.log("source positions: ", sourcePositions);

tools/system-analyzer/timeline/timeline-track.mjs

@@ -219,7 +219,7 @@ defineCustomElement('./timeline/timeline-track', (templateText) =>
         if (chunk.isEmpty()) continue;
         let node = this.div();
         node.className = 'chunk';
-        node.style.left = (i * kChunkWidth) + 'px';
+        node.style.left = (chunks[i].start * this.#timeToPixel) + 'px';
         node.style.height = height + 'px';
         node.chunk = chunk;
         node.addEventListener('mousemove', e => this.handleChunkMouseMove(e));