[Feature](react-icons): RSC support

[dmytrokirpa]

Describe the feature that you would like added

Add use client directive to files with client-only features to support React Server Components.

Additional context

Here is the repo with FluentUI React v9 and Next.js, and every file that has FluentUI import requires 'use client' directive

Files that need to be updated:

• packages/react-icons/src/contexts/IconDirectionContext.js
• packages/react-icons/src/utils/bundleIcon.js
• packages/react-icons/src/utils/createFluentIcon.js
• packages/react-icons/src/utils/useIconState.js
• packages/react-icons/src/utils/wrapIcon.js

Have you discussed this feature with our team

No response

Validations

• Check that there isn't already an issue that requests the same feature to avoid creating a duplicate.

Priority

Medium

[Hotell]

needs new release of our eslint plugin, adding the plugin to react-icons rules and apply fix https://github.com/microsoft/fluentui/tree/master/packages/react-components/eslint-plugin-react-components#enforce-use-client