chore: Migrate to eslint v9 (#394)

## Description

This PR updates eslint from v8 to v9 in the project and updates all the
files to match new rules.

Author: MatiPl01

.eslintignore

@@ -0,0 +1,19 @@
+import baseConfig from 'eslint-config-react-native-matipl01';
+
+export default [
+  {
+    ignores: [
+      '.yarn/**',
+      'example/**',
+      '!example/app/**',
+      'packages/docs/**',
+      '**/bob.config.cjs',
+      '**/babel.config.cjs',
+      '**/jest.setup.js',
+      '**/dist',
+      '**/README.md',
+      '**/CONTRIBUTING.md'
+    ]
+  },
+  ...baseConfig
+];

.eslintrc.cjs

@@ -0,0 +1,31 @@
+import rootConfig from '../../eslint.config.mjs';
+
+export default [
+  ...rootConfig,
+  {
+    languageOptions: {
+      parserOptions: {
+        project: './tsconfig.json'
+      }
+    },
+    rules: {
+      'no-relative-import-paths/no-relative-import-paths': [
+        'warn',
+        {
+          allowedDepth: 1,
+          allowSameFolder: true,
+          prefix: '@',
+          rootDir: './src'
+        }
+      ]
+    },
+    settings: {
+      'import/resolver': {
+        typescript: {
+          alwaysTryTypes: true,
+          project: './tsconfig.json'
+        }
+      }
+    }
+  }
+];

eslint.config.mjs

@@ -1,2 +1 @@
-// eslint-disable-next-line import/no-unused-modules
 export { default as App } from './src/App';

example/app/.eslintignore

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-unused-modules */
 import { type JestConfigWithTsJest, pathsToModuleNameMapper } from 'ts-jest';
 
 import { compilerOptions } from './tsconfig.json';

example/app/.eslintrc.cjs

@@ -34,12 +34,13 @@
     "@types/react": "^19.0.0",
     "@types/react-test-renderer": "^19.0.0",
     "babel-plugin-module-resolver": "^5.0.2",
-    "eslint": "^8.56.0",
+    "eslint": "^9.28.0",
     "jest": "^29.7.0",
     "lint-staged": "^15.5.0",
     "madge": "^8.0.0",
     "prettier": "^3.3.2",
-    "react-test-renderer": "19.0.0"
+    "react-test-renderer": "19.0.0",
+    "typescript": "^5.8.3"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [

example/app/eslint.config.mjs

@@ -22,8 +22,8 @@ export default function FlexCell({
     case 'large':
       cellSizeStyles = largeCellStyles;
       break;
-    default:
     case 'small':
+    default:
       cellSizeStyles = smallCellStyles;
       break;
   }