frontend: fix handling of sparse arrays in equal function

Fixed failing test introduced in last commit and correctly handle
sparse arrays.

Author: thisconnect

frontends/web/src/utils/equal.test.tsx

@@ -87,7 +87,9 @@ describe('equal', () => {
     });
 
     it('compares sparse array vs defined array', () => {
+      /*eslint no-sparse-arrays: "off"*/
       expect(equal([1, , 3], [1, undefined, 3])).toBeFalsy();
+      /*eslint no-sparse-arrays: "off"*/
       expect(equal([1, , 3], [1, , 3])).toBeTruthy();
     });
   });
@@ -214,4 +216,4 @@ describe('edge cases: array vs object structure', () => {
   it('nested empty object vs array is not equal', () => {
     expect(equal({ foo: [] }, { foo: {} })).toBeFalsy();
   });
-});
+});

frontends/web/src/utils/equal.ts

@@ -1,5 +1,6 @@
 /**
  * Copyright 2018 Shift Devices AG
+ * Copyright 2025 Shift Crypto AG
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -61,7 +62,12 @@ export const equal = (a: unknown, b: unknown): boolean => {
         return false;
       }
       for (let i = 0; i < a.length; i++) {
-        if (!equal(a[i], b[i])) {
+        // handle sparse arrays
+        const hasA = i in a;
+        if (hasA !== i in b) {
+          return false;
+        }
+        if (hasA && !equal(a[i], b[i])) {
           return false;
         }
       }