[ESLint] Implement @metamask/eslint-config-browser for browser environment packages

[georgewrmarshall]

Description

Add browser environment ESLint configuration support to our codebase by implementing @metamask/eslint-config-browser for packages that require browser environment globals and rules. This will provide appropriate linting rules for browser APIs and patterns, and help eliminate the need for numerous eslint-disable comments throughout the codebase.

Technical Details

• Install @metamask/eslint-config-browser as a dev dependency
• Update the eslint.config.mjs to extend the browser configuration for appropriate packages/files
• Create a specific configuration block for browser-specific files/packages in our ESLint config
• This should target primarily the web-related packages rather than Node.js packages
• Consider using file patterns like 'apps/storybook-react/**/*.{ts,tsx,js,jsx}' to apply browser rules

Implementation example:

// In eslint.config.mjs
import browser from '@metamask/eslint-config-browser';

// Then in the config array
{
  files: ['apps/storybook-react/**/*.{ts,tsx,js,jsx}', 'packages/design-system-react/**/*.{ts,tsx,js,jsx}'],
  extends: [browser],
}

Acceptance Criteria

• @metamask/eslint-config-browser package installed and properly configured in our project
• Browser environment rules applied to all appropriate web/browser-focused packages and files
• No new lint errors introduced by the change
• Reduction in the number of eslint-disable comments required for browser-related code
• ESLint should properly recognize browser globals (like window, document, etc.) without warning
• CI pipeline passes with the new configuration

References

• Browser ESLint config package: https://github.com/MetaMask/eslint-config/tree/main/packages/browser
• Current ESLint configuration: https://github.com/MetaMask/metamask-design-system/blob/main/eslint.config.mjs
• Related to our ongoing effort to eliminate unnecessary eslint-disable comments in the codebase