Build swagger ui in seperate webpack build (#102046)

* Build swagger ui in seperate webpack build

* render grafana and swagger

* include light theme

* merge main

* update webassets usage

---------

Co-authored-by: Ryan McKinley <ryantxu@gmail.com>

project.json

@@ -5,6 +5,7 @@
   "targets": {
     "start": {
       "dependsOn": [
+        "swaggerui:build",
         "themes-generate",
         {
           "projects": ["tag:scope:plugin"],
@@ -14,6 +15,7 @@
     },
     "build": {
       "dependsOn": [
+        "swaggerui:build",
         "themes-generate",
         {
           "projects": ["tag:scope:plugin"],
@@ -35,6 +37,15 @@
         "{workspaceRoot}/public/sass/_variables.light.generated.scss"
       ],
       "cache": true
+    },
+    "swaggerui:build": {
+      "inputs": [
+        "{workspaceRoot}/packages/grafana-ui/src/themes/**",
+        "{workspaceRoot}/public/app/core/trustedTypePolicies.ts",
+        "{workspaceRoot}/public/swagger/**"
+      ],
+      "outputs": ["{workspaceRoot}/public/build-swagger"],
+      "cache": true
     }
   }
 }