[Backport 5.5.x] fix: Fix Chrome stack overflow during highlighting (#64074)

Using the spread operator with large arrays can trigger a
stack overflow in Chrome/V8.

In a highlighting context, we can have 10k-100k occurrences
in a file, so let's avoid using the spread operator.

Fixes https://linear.app/sourcegraph/issue/GRAPH-772

## Test plan

Manually tested against sample file.

![CleanShot 2024-07-25 at 11 10 43@2x](https://github.com/user-attachments/assets/e096c664-063e-44ed-a991-72629af36651)

## Changelog

- Fixes a Chrome-specific stack overflow when highlighting large files.
 <br> Backport 2644e24 from #64072

Co-authored-by: Varun Gandhi <[email protected]>

Author: sourcegraph-release-bot

client/web/src/repo/blob/codemirror/codeintel/occurrences.ts

@@ -50,7 +50,13 @@ export class OccurrenceIndex extends Array<Occurrence> {
             previousEndline = current.range.end.line
         }
 
-        super(...nonOverlappingOccurrences(occurrences))
+        // CAUTION: Do not "optimize" this to super(...nonOverlappingOccurrences(occurrences))
+        // as Chrome will push all elements to a stack, and potentially trigger a stack overflow.
+        // Similar bug in Nodejs: https://github.com/nodejs/node/issues/16870
+        super()
+        for (const occ of nonOverlappingOccurrences(occurrences)) {
+            this.push(occ)
+        }
         this.lineIndex = lineIndex
     }