add Cluster ID tooltip to cluster and project overview (#7693)

Signed-off-by: Fabio Berchtold <fabio.berchtold@swisscom.com>

Author: JamesClonk

modules/web/src/app/cluster/list/cluster/template.html

@@ -89,7 +89,7 @@
             [attr.id]="'km-clusters-' + element.name">
           <div fxLayoutAlign=" center"
                fxLayoutGap="8px">
-            <span>{{element.name}}</span>
+            <span matTooltip="Cluster ID: {{element.id}}">{{element.name}}</span>
             @if (isRestoring(element.id)) {
             <div class="km-update-available-badge">
               Restoring

modules/web/src/app/project-overview/clusters-overview/template.html

@@ -41,7 +41,7 @@
             *matCellDef="let cluster">
           <div fxLayoutAlign=" center"
                fxLayoutGap="8px">
-            {{cluster.name}}
+            <span matTooltip="Cluster ID: {{cluster.id}}">{{cluster.name}}</span>
           </div>
         </td>
       </ng-container>