feat(freshness): enhance diagnostics and update snapshot structure

- Introduced a new Diagnostics struct to capture transaction visibility state and activity state.
- Updated BuildSnapshot function to return diagnostics alongside snapshot, completeness, and sampling.
- Enhanced test cases to validate the new diagnostics data.
- Updated frontend components to utilize the new diagnostics information for improved user feedback on freshness context.

This change improves the observability of transaction activity and enhances the user experience by providing clearer insights into the freshness of data.

frontend/src/utils/watchlist.test.ts

@@ -4,6 +4,7 @@ import {
   normalizeWatchlistAddress,
   parseStoredWatchlist,
   sanitizeWatchlistEntries,
+  toggleWatchlistEntry,
 } from './watchlist'
 
 describe('watchlist utils', () => {
@@ -39,4 +40,10 @@ describe('watchlist utils', () => {
       isWatchlistEntry(entries, '0x1234567890123456789012345678901234567890'.toUpperCase()),
     ).toBe(true)
   })
+
+  it('toggles watchlist entries on and off case-insensitively', () => {
+    const address = '0x1234567890123456789012345678901234567890'
+    expect(toggleWatchlistEntry([], address)).toEqual([address])
+    expect(toggleWatchlistEntry([address], address.toUpperCase())).toEqual([])
+  })
 })