Add ESLint configuration and ImageWithContent tests

- Create comprehensive .eslintrc.js with React, testing, and accessibility rules
- Add ESLint plugins for React, hooks, testing, and import management
- Implement detailed unit tests for ImageWithContent component
- Add data-testid attributes to improve test coverage
- Update package.json with ESLint and related dev dependencies

Author: pstackebrandt

.eslintrc.js

@@ -0,0 +1,95 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es2021: true,
+    jest: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+    'plugin:jsx-a11y/recommended',
+    'plugin:import/recommended',
+    'plugin:testing-library/react',
+    'plugin:jest/recommended',
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  settings: {
+    react: {
+      version: 'detect',
+    },
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+      },
+    },
+  },
+  plugins: [
+    'react',
+    'react-hooks',
+    'jsx-a11y',
+    'import',
+    'testing-library',
+    'jest',
+  ],
+  rules: {
+    // React specific rules
+    'react/prop-types': 'warn',
+    'react/jsx-uses-react': 'error',
+    'react/jsx-uses-vars': 'error',
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': 'warn',
+    
+    // General code quality rules
+    'no-console': ['warn', { allow: ['warn', 'error'] }],
+    'no-unused-vars': 'warn',
+    'prefer-const': 'warn',
+    'no-var': 'error',
+    'eqeqeq': ['error', 'always'],
+    
+    // Import rules
+    'import/no-unresolved': 'error',
+    'import/order': ['warn', {
+      'groups': [
+        'builtin',
+        'external',
+        'internal',
+        ['parent', 'sibling'],
+        'index',
+      ],
+      'newlines-between': 'always',
+      'alphabetize': { 'order': 'asc', 'caseInsensitive': true },
+    }],
+    
+    // Accessibility
+    'jsx-a11y/alt-text': 'error',
+    'jsx-a11y/anchor-is-valid': 'error',
+    
+    // Testing
+    'testing-library/await-async-queries': 'error',
+    'testing-library/no-await-sync-queries': 'error',
+    'testing-library/no-dom-import': 'error',
+    'jest/no-disabled-tests': 'warn',
+    'jest/no-focused-tests': 'error',
+  },
+  overrides: [
+    {
+      files: ['**/*.test.js', '**/*.test.jsx', 'src/setupTests.js'],
+      env: {
+        jest: true,
+      },
+      rules: {
+        'testing-library/prefer-screen-queries': 'warn',
+      },
+    },
+  ],
+};

package-lock.json

@@ -53,6 +53,12 @@
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
+    "eslint": "^8.57.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-testing-library": "^7.1.1",
     "gh-pages": "^6.3.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.5.1",