chore: Upgrade to eslint 9 (#900)

## Description

PR introduces migration to eslint@9

⚠️ Depends on #899

## Type of change

-   [x] Other (please describe): chore update

## Screenshots

n/a

## Testing

All CI tasks should pass

## Related Issues

[HOO-379](https://linear.app/solana-fndn/issue/HOO-379)

## Checklist

-   [x] My code follows the project's style guidelines
-   [x] I have added tests that prove my fix/feature works
-   [x] All tests pass locally and in CI
-   [x] I have run `build:info` script to update build information
-   [x] CI/CD checks pass

Author: rogaldh

.eslintrc.json

@@ -4,8 +4,6 @@
 // https://github.com/pnpm/pnpm/issues/4214
 // https://github.com/pnpm/pnpm/issues/5391
 
-const rootPkg = require('./package.json');
-
 console.log(`Checking for package peerDependency overrides`);
 
 const remapPeerDependencies = [

.pnpmfile.cjs

@@ -1,3 +1,4 @@
 // Mock for @bundlr-network/client to avoid Node.js stream.Transform incompatibility in browser environment
-export default {};
+const mock = {};
+export default mock;
 export const WebBundlr = class {};

.storybook/__mocks__/@bundlr-network/client.ts

@@ -1,5 +1,6 @@
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
+
 import type { StorybookConfig } from '@storybook/nextjs-vite';
 import { nodePolyfills } from 'vite-plugin-node-polyfills';
 

.storybook/main.ts

@@ -1,12 +1,11 @@
-import type { Preview } from '@storybook/react';
-import React, { useEffect } from 'react';
-
-import { Rubik } from 'next/font/google';
-
 import './layout.min.css'; // uncomment this line to see Dashkit styles. TODO: remove upon migrating from Dashkit to Tailwind
 import './dashkit-polyfill.css';
 import '@/app/styles.css';
 
+import type { Preview } from '@storybook/react';
+import { Rubik } from 'next/font/google';
+import React, { useEffect } from 'react';
+
 // Load font with display: swap for better loading behavior
 const rubikFont = Rubik({
     display: 'swap',
@@ -29,7 +28,9 @@ const preview: Preview = {
         },
         controls: {
             matchers: {
+                // eslint-disable-next-line no-restricted-syntax -- Storybook controls matcher requires regex to match arg names
                 color: /(background|color)$/i,
+                // eslint-disable-next-line no-restricted-syntax -- Storybook controls matcher requires regex to match arg names
                 date: /Date$/i,
             },
         },
@@ -41,7 +42,7 @@ const preview: Preview = {
             // Add useEffect to ensure font is properly loaded
             useEffect(() => {
                 document.getElementById('storybook-outer')?.classList.add(rubikFont.className);
-            }, [rubikFont]);
+            }, []);
 
             return (
                 <div id="storybook-outer" className={rubikFont.className}>

.storybook/preview.tsx

@@ -1,6 +1,7 @@
-import { beforeAll } from 'vitest';
-import { setProjectAnnotations } from '@storybook/nextjs-vite';
 import * as a11yAnnotations from '@storybook/addon-a11y/preview';
+import { setProjectAnnotations } from '@storybook/nextjs-vite';
+import { beforeAll } from 'vitest';
+
 import * as projectAnnotations from './preview';
 
 // This is an important step to apply the right configuration when testing your stories.

.storybook/vitest.setup.ts

@@ -206,7 +206,7 @@ function AddressLayoutInner({ children, params: { address } }: Props) {
 
     try {
         pubkey = new PublicKey(address);
-    } catch (err) {
+    } catch (_err) {
         /* empty */
     }
 

app/address/[address]/layout.tsx

@@ -12,7 +12,7 @@ function getCustomUrlClusterName(customUrl: string) {
             return customUrl;
         }
         return `${url.protocol}//${url.hostname}`;
-    } catch (e) {
+    } catch (_e) {
         return customUrl;
     }
 }

app/components/ClusterStatusButton.tsx

@@ -393,7 +393,7 @@ function buildOptions(rawSearch: string, cluster: Cluster, currentEpoch?: bigint
                 ],
             });
         }
-    } catch (err) {
+    } catch (_err) {
         // If bs58 decoding fails, check if it's a valid base64 string
         if (isValidBase64(search)) {
             const decodedTx = decodeTransactionFromBase64(search);
@@ -469,7 +469,7 @@ function decodeTransactionFromBase64(base64String: string): {
         return {
             message: base64String,
         };
-    } catch (err) {
+    } catch (_err) {
         return null;
     }
 }
@@ -478,7 +478,7 @@ function isValidBase64(str: string): boolean {
     try {
         Buffer.from(str, 'base64');
         return true;
-    } catch (err) {
+    } catch (_err) {
         return false;
     }
 }

app/components/SearchBar.tsx

@@ -27,7 +27,7 @@ vi.mock('./ClusterModalDeveloperSettings', () => ({
 }));
 
 // Must import after mocks
-// eslint-disable-next-line simple-import-sort/imports
+
 import { ClusterModal } from '../ClusterModal';
 
 function renderWithStore(initialClusters: SavedCluster[] = []) {