Bug 1834499

Description of problem:
The storage class details page is missing a <dl> in the definition list structure. The parent dl element ensures the list follows the proper hierarchy. This help screen reader users know what they are listening to, and what to expect as they listen to definition lists with regard to the organizational relationship of parent and child items. (https://dequeuniversity.com/rules/axe/3.5/dlitem?application=AxeChrome)

It currently has the following axe error:
[
  {
    "data": null,
    "id": "dlitem",
    "impact": "serious",
    "message": "Description list item does not have a <dl> parent element",
    "relatedNodes": [
      {
        "html": "<dt><button class="pf-c-button pf-m-plain co-m-pane__details-popover-button" type="button" aria-expanded="false">Reclaim Policy</button></dt>"
      }
    ]
  },
  {
    "data": null,
    "id": "dlitem",
    "impact": "serious",
    "message": "Description list item does not have a <dl> parent element",
    "relatedNodes": [
      {
        "html": "<dd>Delete</dd>"
      }
    ]
  },
  {
    "data": null,
    "id": "dlitem",
    "impact": "serious",
    "message": "Description list item does not have a <dl> parent element",
    "relatedNodes": [
      {
        "html": "<dt>Default Class</dt>"
      }
    ]
  },
  {
    "data": null,
    "id": "dlitem",
    "impact": "serious",
    "message": "Description list item does not have a <dl> parent element",
    "relatedNodes": [
      {
        "html": "<dd>true</dd>"
      }
    ]
  },
  {
    "data": null,
    "id": "dlitem",
    "impact": "serious",
    "message": "Description list item does not have a <dl> parent element",
    "relatedNodes": [
      {
        "html": "<dt><button class="pf-c-button pf-m-plain co-m-pane__details-popover-button" type="button" aria-expanded="false">Volume Binding Mode</button></dt>"
      }
    ]
  },
  {
    "data": null,
    "id": "dlitem",
    "impact": "serious",
    "message": "Description list item does not have a <dl> parent element",
    "relatedNodes": [
      {
        "html": "<dd>WaitForFirstConsumer</dd>"
      }
    ]
  }

How reproducible:
You can see this error by using the Axe Chrome Extension.

Steps to Reproduce:
1. Go to a Storage Class details page, ex: http://localhost:9000/k8s/cluster/storageclasses/gp2
2. Open developer tools, go to the axe tab, press analyze
3. Click on the issue "<dt> and <dd> elements must be contained by a <dl>".


Actual results:
Invalid definition list structure

Expected results:
Valid structure that helps screen readers understand context