build(devtools-view): node 16

[DLehenbauer]

AB#7223

Node16 module resolution has some issues with 3rd party dependencies.

@fluid-internal/devtools-view: error during command 'tsc --project ./tsconfig.json' (exit code 2)
@fluid-internal/devtools-view: src/components/TelemetryView.tsx:561:4 - error TS2604: JSX element type 'SplitPane' does not have any construct or call signatures.
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: 561   <SplitPane
@fluid-internal/devtools-view:        ~~~~~~~~~
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: src/screenshot-tests/Screenshot.test.ts:217:18 - error TS2339: Property 'red' does not exist on type 'typeof import("/workspaces/f0/node_modules/.pnpm/[email protected]/node_modules/chalk/types/index")'.
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: 217            chalk.red(
@fluid-internal/devtools-view:                      ~~~
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: src/screenshot-tests/Screenshot.test.ts:253:23 - error TS2339: Property 'red' does not exist on type 'typeof import("/workspaces/f0/node_modules/.pnpm/[email protected]/node_modules/chalk/types/index")'.
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: 253   console.error(chalk.red(`Test suite generation failed due to an error:`, error.message));
@fluid-internal/devtools-view:                           ~~~
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: src/test/NoDevtoolsErrorBar.test.tsx:31:19 - error TS2339: Property 'click' does not exist on type 'typeof import("/workspaces/f0/node_modules/.pnpm/@[email protected]_szfc7t2zqsdonxwckqxkjn2the/node_modules/@testing-library/user-event/dist/types/index")'.
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: 31   await userEvent.click(dismissButton);
@fluid-internal/devtools-view:                      ~~~~~
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: src/test/NoDevtoolsErrorBar.test.tsx:40:19 - error TS2339: Property 'click' does not exist on type 'typeof import("/workspaces/f0/node_modules/.pnpm/@[email protected]_szfc7t2zqsdonxwckqxkjn2the/node_modules/@testing-library/user-event/dist/types/index")'.
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: 40   await userEvent.click(retrySearchButton);
@fluid-internal/devtools-view:                      ~~~~~
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: src/test/VisualTree.test.tsx:123:19 - error TS2339: Property 'click' does not exist on type 'typeof import("/workspaces/f0/node_modules/.pnpm/@[email protected]_szfc7t2zqsdonxwckqxkjn2the/node_modules/@testing-library/user-event/dist/types/index")'.
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: 123   await userEvent.click(expandButton);
@fluid-internal/devtools-view:                       ~~~~~
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: Found 6 errors in 4 files.
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: Errors  Files
@fluid-internal/devtools-view:      1  src/components/TelemetryView.tsx:561
@fluid-internal/devtools-view:      2  src/screenshot-tests/Screenshot.test.ts:217
@fluid-internal/devtools-view:      2  src/test/NoDevtoolsErrorBar.test.tsx:31
@fluid-internal/devtools-view:      1  src/test/VisualTree.test.tsx:123
[16/24] x @fluid-internal/devtools-view: tsc --project ./tsconfig.json - 2.869s
@fluid-internal/devtools-view: error during command 'tsc-multi --config ../../../../common/build/build-common/tsc-multi.node16.cjs.json' (exit code 1)
@fluid-internal/devtools-view: [js]: src/screenshot-tests/Screenshot.test.ts:8:46 - error TS1479: The current file is a CommonJS module whose imports will produce 'require' calls; however, the referenced file is an ECMAScript module and cannot be imported with 'require'. Consider writing a dynamic 'import("@previewjs/api")' call instead.
@fluid-internal/devtools-view:   To convert this file to an ECMAScript module, change its file extension to '.mts' or create a local package.json file with `{ "type": "module" }`.
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: 8 import { decodeComponentId, type RPCs } from "@previewjs/api";
@fluid-internal/devtools-view:                                                ~~~~~~~~~~~~~~~~
@fluid-internal/devtools-view: [js]: src/screenshot-tests/Screenshot.test.ts:9:43 - error TS1479: The current file is a CommonJS module whose imports will produce 'require' calls; however, the referenced file is an ECMAScript module and cannot be imported with 'require'. Consider writing a dynamic 'import("@previewjs/chromeless")' call instead.
@fluid-internal/devtools-view:   To convert this file to an ECMAScript module, change its file extension to '.mts' or create a local package.json file with `{ "type": "module" }`.
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: 9 import { createChromelessWorkspace } from "@previewjs/chromeless";
@fluid-internal/devtools-view:                                             ~~~~~~~~~~~~~~~~~~~~~~~
@fluid-internal/devtools-view: [js]: src/screenshot-tests/Screenshot.test.ts:10:25 - error TS1479: The current file is a CommonJS module whose imports will produce 'require' calls; however, the referenced file is an ECMAScript module and cannot be imported with 'require'. Consider writing a dynamic 'import("@previewjs/plugin-react")' call instead.
@fluid-internal/devtools-view:   To convert this file to an ECMAScript module, change its file extension to '.mts' or create a local package.json file with `{ "type": "module" }`.
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: 10 import reactPlugin from "@previewjs/plugin-react";
@fluid-internal/devtools-view:                            ~~~~~~~~~~~~~~~~~~~~~~~~~
@fluid-internal/devtools-view: [js]: src/screenshot-tests/Screenshot.test.ts:14:24 - error TS1479: The current file is a CommonJS module whose imports will produce 'require' calls; however, the referenced file is an ECMAScript module and cannot be imported with 'require'. Consider writing a dynamic 'import("globby")' call instead.
@fluid-internal/devtools-view:   To convert this file to an ECMAScript module, change its file extension to '.mts' or create a local package.json file with `{ "type": "module" }`.
@fluid-internal/devtools-view: 
@fluid-internal/devtools-view: 14 import { globby } from "globby";
@fluid-internal/devtools-view:                           ~~~~~~~~
@fluid-internal/devtools-view: [js]: Found 4 errors.