Initial changes for reusable QDS report (#23527)

* initial changes for making a QDS report with placeholders

* Add icon for configure button

* Add another example report to show layout

* move files

* add placeholder names to components and cleanup toolbar

* cleanup

* switch to createViews() instead of createTop and BottomSections()

* add QueryStoreView class for the different components in a report

* cleanup

* add more comments

* fix yarn not running for query store extension folder

* add missing break

* change one more view to container

extensions/query-store/package.json

@@ -13,7 +13,8 @@
   "icon": "images/extension.png",
   "aiKey": "29a207bb14f84905966a8f22524cb730-25407f35-11b6-4d4e-8114-ab9e843cb52f-7380",
   "activationEvents": [
-    "*"
+    "onCommand:queryStore.topResourceConsumingQueriesOpen",
+    "onCommand:queryStore.overallResourceConsumptionOpen"
   ],
   "main": "./out/extension",
   "repository": {
@@ -31,6 +32,16 @@
   ],
   "contributes": {
     "commands": [
+      {
+        "command": "queryStore.topResourceConsumingQueriesOpen",
+        "title": "%queryStore.topResourceConsumingQueriesOpen%",
+        "category": "%queryStore.category%"
+      },
+      {
+        "command": "queryStore.overallResourceConsumptionOpen",
+        "title": "%queryStore.overallResourceConsumptionOpen%",
+        "category": "%queryStore.category%"
+      }
     ],
     "menus": {
       "objectExplorer/item/context": [