Grafana UI: Bump to Storybook 8 (#87722)

* chore(storybook): run yarn dlx storybook@latest upgrade

* chore(storybook): remove storybook/blocks patch

* chore(yarn): clean up storybook dependencies

* feat(storybook): migrate to v8 config via migration codemods

* refactor(storybook): update stories to use v8 types via codemod

* refactor(storybook): update stories to use preview-api instead of client-api

* refactor(storybook): replace mdx usage of ArgsTable with PureArgsTable

* refactor(storybook): migrate remaining mdx files to v8 storybook/blocks api

* refactor(storybook): clean up mdx imports and blocks component names

* chore(storybook): clean up typescript configuration

* fix(frontend): align types/react versions across monorepo so grafana ui can be built

* fix(storybook): pub back react-docgen-typescript and use ArgTypes so props tables work

* chore(storybook): patch blocks package to expose Preview component

* revert(storybook): revert changes related to using Canvas component in mdx files

* Storybook upgrade: Fix icon typing (#87793)

fix iconOptions typing

* refactor(storybook): prefer as const over asserting types

* revert(storybook): put back correct case in box.mdx

---------

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>

public/app/plugins/datasource/grafana-postgresql-datasource/package.json

@@ -23,7 +23,7 @@
     "@types/jest": "29.5.12",
     "@types/lodash": "4.17.1",
     "@types/node": "20.12.11",
-    "@types/react": "18.2.79",
+    "@types/react": "18.3.2",
     "@types/testing-library__jest-dom": "5.14.9",
     "ts-node": "10.9.2",
     "typescript": "5.4.5",