Plugins: add level and signature badges to plugin details page (#33553)

* feat(grafana-ui): badge can accept react node for text, add shield-exclamation to icons

* feat(plugins): add PluginSignatureType type

* feat(pluginpage): introduce PluginSignatureDetailsBadge. Fix sidebar icon margin

* feat(pluginlistpage): update filterinput placeholder, introduce filter by plugin type

packages/grafana-data/src/types/plugin.ts

@@ -27,6 +27,14 @@ export enum PluginSignatureStatus {
   missing = 'missing', // missing signature file
 }
 
+/** Describes level of {@link https://grafana.com/docs/grafana/latest/plugins/plugin-signatures/#plugin-signature-levels/ | plugin signature level} */
+export enum PluginSignatureType {
+  grafana = 'grafana',
+  commercial = 'commercial',
+  community = 'community',
+  private = 'private',
+}
+
 /** Describes error code returned from Grafana plugins API call */
 export enum PluginErrorCode {
   missingSignature = 'signatureMissing',
@@ -65,6 +73,8 @@ export interface PluginMeta<T extends KeyValue = {}> {
   latestVersion?: string;
   pinned?: boolean;
   signature?: PluginSignatureStatus;
+  signatureType?: PluginSignatureType;
+  signatureOrg?: string;
   live?: boolean;
 }