React: Use new JSX transform (#88802)

* update eslint, tsconfig + esbuild to handle new jsx transform

* remove thing that breaks the new jsx transform

* remove react imports

* adjust grafana-icons build

* is this the correct syntax?

* try this

* well this was much easier than expected...

* change grafana-plugin-configs webpack config

* fixes

* fix lockfile

* fix 2 more violations

* use path.resolve instead of require.resolve

* remove react import

* fix react imports

* more fixes

* remove React import

* remove import React from docs

* remove another react import

packages/grafana-runtime/src/analytics/plugins/usePluginInteractionReporter.test.tsx

@@ -1,5 +1,5 @@
 import { renderHook } from '@testing-library/react';
-import React from 'react';
+import * as React from 'react';
 
 import {
   DataSourceInstanceSettings,

packages/grafana-runtime/src/components/DataSourcePicker.test.tsx

@@ -1,6 +1,5 @@
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import React from 'react';
 
 import { DataSourcePicker } from './DataSourcePicker';
 

packages/grafana-runtime/src/components/DataSourcePicker.tsx

@@ -1,5 +1,5 @@
 // Libraries
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 
 // Components
 import {

packages/grafana-runtime/src/components/EmbeddedDashboard.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 export interface EmbeddedDashboardProps {
   uid?: string;

packages/grafana-runtime/src/components/PanelDataErrorView.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import { FieldConfigSource, PanelData, VisualizationSuggestion } from '@grafana/data';
 

packages/grafana-runtime/src/components/PanelRenderer.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import { AbsoluteTimeRange, FieldConfigSource, PanelData } from '@grafana/data';
 

packages/grafana-runtime/src/components/PluginPage.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import { NavModelItem, PageLayoutType } from '@grafana/data';
 

packages/grafana-runtime/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "jsx": "react-jsx",
     "baseUrl": "./",
     "declarationDir": "./compiled",
     "emitDeclarationOnly": true,