fix(cc-tile-metrics)!: use kebab case for all attributes

BREAKING CHANGE: the following attributes are impacted
- `metricsLink` has been renamed to `metrics-link`,
- `metricsState` has been renamed to `metrics-state`,
- `grafanaLinkState` has been renamed to `grafana-link-state`.

This change only affects attributes.
Properties are still camelCase as they should.

src/components/cc-tile-metrics/cc-tile-metrics.js

@@ -78,9 +78,9 @@ const SKELETON_REQUESTS = Array.from(new Array(NUMBER_OF_POINTS)).map((_, index)
 export class CcTileMetrics extends LitElement {
   static get properties() {
     return {
-      metricsLink: { type: String },
-      metricsState: { type: Object },
-      grafanaLinkState: { type: Object },
+      metricsLink: { type: String, attribute: 'metrics-link' },
+      metricsState: { type: Object, attribute: 'metrics-state' },
+      grafanaLinkState: { type: Object, attribute: 'grafana-link-state' },
       _docsPanelVisible: { type: Boolean, state: true },
     };
   }