mgr/dashboard: introduce details card component

mgr/dashboard: introduce details card component

as per https://pages.github.ibm.com/ibmcloud/pal/storybook/?path=/story/components-card--details-with-stacked-rows

added a details component which can be used as

```
<cd-details-card title="card title">
  <ng-container class="details-body-content">
   <div cdsCol [columnNumbers]="{lg: 4}">
     <span class="cds--label">
       label
     </span>
     <span>value</span>
   </div
  </ng-container>
</cd-details-card>
```

Fixes: https://tracker.ceph.com/issues/72246
Signed-off-by: Nizamudeen A <nia@redhat.com>