Inspect: Use AutoSizer for managing width for content in tabs. (#21511)

* wrap content in autosizer

* replace lib

* removing react-virtualized, correct type in editor.ts

* remove caret

* remove dep from grafana/ui and remove story util

package.json

@@ -48,7 +48,6 @@
     "@types/react-select": "2.0.15",
     "@types/react-test-renderer": "16.9.0",
     "@types/react-transition-group": "2.0.16",
-    "@types/react-virtualized": "9.18.12",
     "@types/react-window": "1.7.0",
     "@types/redux-logger": "3.0.7",
     "@types/redux-mock-store": "1.0.1",
@@ -207,6 +206,7 @@
     "@reduxjs/toolkit": "1.2.1",
     "@torkelo/react-select": "2.4.1",
     "@types/react-loadable": "5.5.2",
+    "@types/react-virtualized-auto-sizer": "1.0.0",
     "angular": "1.6.9",
     "angular-bindonce": "0.3.1",
     "angular-native-dragdrop": "1.2.2",
@@ -249,7 +249,7 @@
     "react-sizeme": "2.5.2",
     "react-transition-group": "2.6.1",
     "react-use": "12.8.0",
-    "react-virtualized": "9.21.0",
+    "react-virtualized-auto-sizer": "1.0.2",
     "react-window": "1.7.1",
     "redux": "4.0.4",
     "redux-logger": "3.0.6",