Alerting: added possibility to preview grafana managed alert rules. (#34600) (#34704)

* starting to add eval logic.

* wip

* first version of test rule.

* reverted file.

* add info colum to result to show error or (with CC evalmatches)

* fix labels in evalmatch

* fix be test

* refactored using observables.

* moved widht/height div to outside panel rendere.

* adding docs api level.

* adding container styles to error div.

* increasing size of preview.

Co-authored-by: kyle <kyle@grafana.com>
(cherry picked from commit e19b3df1a9)

Co-authored-by: Marcus Andersson <marcus.andersson@grafana.com>

pkg/tests/api/alerting/api_alertmanager_test.go

@@ -1597,6 +1597,13 @@ func TestEval(t *testing.T) {
 					  "typeInfo": {
 						"frame": "string"
 					  }
+					},
+					{
+					  "name": "Info",
+					  "type": "string",
+					  "typeInfo": {
+					    "frame": "string"
+					  }
 					}
 				  ]
 				},
@@ -1604,6 +1611,9 @@ func TestEval(t *testing.T) {
 				  "values": [
 					[
 					  "Alerting"
+					],
+					[
+					  ""
 					]
 				  ]
 				}
@@ -1648,6 +1658,13 @@ func TestEval(t *testing.T) {
 					  "typeInfo": {
 						"frame": "string"
 					  }
+					},
+					{
+					  "name": "Info",
+					  "type": "string",
+					  "typeInfo": {
+					    "frame": "string"
+					  }
 					}
 				  ]
 				},
@@ -1655,6 +1672,9 @@ func TestEval(t *testing.T) {
 				  "values": [
 					[
 					  "Normal"
+					],
+					[
+					  ""
 					]
 				  ]
 				}