refactor: upgrade to react 18

[erha19]

Types

• 🪚 Refactors

Background or solution

🤖[deprecated] Generated by Copilot at a7c746e

• Add a global variable IS_REACT_ACT_ENVIRONMENT to indicate a React 18 concurrent mode environment (link)
• Update the types and peer dependencies of React, React DOM, and React Is to version 18 (link, link, link)
• Use the new React 18 client-only entry point and root API to enable concurrent mode features in the core-browser package (link, link, link, link)
• Pass a callback function to the main and App components to invoke the didRendered callback from the app config instance when the BoxPanel component is rendered (link, link, link, link, link)
• Modify the rendering of the comment body in the comments-item.view.tsx file to handle the case when the body is an object with a value property (link)
• Modify the type guard functions and the event handler in the select/index.tsx file to support the new select API that allows grouping and customizing the options and to avoid conflicts with other event listeners (link, link, link)
• Wrap the test actions that update the state of the comment service in the act function in the comment.service.test.ts file (link, link, link, link, link)
• Modify the test data in the comment-thread.test.ts file to use a single comment body instead of multiple ones (link, link, link, link)
• Annotate the props type of various components with the PropsWithChildren type to explicitly declare the children prop (link, link, link, link, link, link, link, link, link, link, link)
• Remove the React.SFC type annotation from the return type of the createFromIconfontCN function in the iconfont-cn.tsx file (link)
• Add the --legacy-peer-deps flag to the lerna.json file to avoid conflicts with the peer dependencies of React 18 and other packages (link)
• Remove the assignment of the mocked monaco global variable, the empty beforeEach block, and some empty lines in the comment.service.test.ts file (link, link, link, link)
• Modify the SlotDecorator component in the slot.tsx file to add the color, children, and backgroundColor props (link)
• Increase the stack trace limit for debugging purposes in the comment.service.test.ts file (link)

ref: #861

Changelog

🤖[deprecated] Generated by Copilot at a7c746e

This pull request updates the codebase to use React 18 and its new features for concurrent mode and client-only rendering. It also improves the type safety, readability, and flexibility of various components and tests. It fixes some issues with the comment and select APIs and removes some deprecated or redundant code. It affects the files packages/comments/*, packages/components/*, packages/core-browser/*, jest.setup.jsdom.js, lerna.json, and package.json.

[Ricbet]

LGTM