Better performance by enabling the React Compiler (standard memoization of components)

[robinlindhout]

Is your feature request related to a problem? Please describe.
The React Native Paper components do have a performance impact on the app when they render. I think we can improve the performance by a lot if we output compiled code of this library with the React Compiler enabled. So they don't re-render at all when the props are stable (which happens a lot with react compiler)

Describe the solution you'd like

1. Enable the React Compiler
2. Optimize compiled code

Describe alternatives you've considered
We are trying this out on our fork:

package.json

 "react-native-builder-bob": {
    "source": "src",
    "output": "lib",
    "targets": [
      "commonjs",
      [
        "module",
        {
          "esm": true,
          "configFile": true
        }
      ],
      [
        "typescript",
        {
          "project": "tsconfig.build.json"
        }
      ]
    ]
  }

babel.config.js

module.exports = {
  plugins: [
    [
      'babel-plugin-react-compiler',
      {
        logLevel: 'verbose',

        // compilationMode: 'all',
        // panicThreshold: 'all_errors',
        logger: {
          logEvent(filename, event) {
            if (event.kind === 'CompileSuccess') {
              console.log('✔ Compiled:', filename);
            } else {
              console.warn('ℹ Compilation error in:', filename, event.reason);
            }
          },
        },
      },
    ],
  ],
  presets: ['module:@react-native/babel-preset'],
};

Additional context
https://react.dev/learn/react-compiler

[RichardLindhout]

• there are some changed needed in the icon component to support raw icon components memo'ed by not calling a function but rendering the icon as react component

https://github.com/web-ridge/react-native-paper/blob/dev/src/components/Icon.tsx

// return s({ color: iconColor, size, direction, testID });
-->

  <S color={iconColor} size={size} direction={direction} testID={testID} />