animate mempool blocks conditional on mined block similarity

frontend/src/app/components/mempool-blocks/mempool-blocks.component.ts

@@ -174,7 +174,7 @@ export class MempoolBlocksComponent implements OnInit, OnDestroy {
         }
 
         this.chainTip = this.stateService.latestBlockHeight;
-        if (block?.extras?.matchRate >= 66 && !this.tabHidden) {
+        if ((block?.extras?.similarity == null || block?.extras?.similarity > 0.5) && !this.tabHidden) {
           this.blockIndex++;
         }
       });
@@ -225,7 +225,7 @@ export class MempoolBlocksComponent implements OnInit, OnDestroy {
   }
 
   trackByFn(index: number, block: MempoolBlock) {
-    return (block.isStack) ? 'stack' : block.height;
+    return (block.isStack) ? 'stack' : block.index;
   }
 
   reduceMempoolBlocksToFitScreen(blocks: MempoolBlock[]): MempoolBlock[] {

frontend/src/app/interfaces/node-api.interface.ts

@@ -118,6 +118,7 @@ export interface BlockExtension {
   reward?: number;
   coinbaseRaw?: string;
   matchRate?: number;
+  similarity?: number;
   pool?: {
     id: number;
     name: string;