message: Accessibility fixes for Home/Provider Info page
diff: -import React, { Fragment, useMemo, useState } from "react";
  +import React, { useMemo, useState } from "react";
  import { useTranslation } from "react-i18next";
  import { ExpandableSection, PageSection } from "@patternfly/react-core";
  import {
  @@ -12,6 +12,7 @@ import {
  import { useServerInfo } from "../context/server-info/ServerInfoProvider";
  import { TableToolbar } from "../components/table-toolbar/TableToolbar";
  +import { isDefined } from "../utils/isDefined";
  export const ProviderInfo = () => {
  const { t } = useTranslation("dashboard");
  @@ -55,18 +56,19 @@ export const ProviderInfo = () => {
  <Td>{name}</Td>
  <Td>
  <ul>
  - {Object.entries(providers).map(
  - ([key, { operationalInfo }]) => (
  - <Fragment key={key}>
  - <li>{key}</li>
  - {operationalInfo && (
  + {Object.entries(providers).map(([key]) => (
  + <li key={key}>{key}</li>
  + ))}
  + </ul>
  + {Object.entries(providers)
  + .map(([key, { operationalInfo }]) =>
  + operationalInfo ? (
  <ExpandableSection
  + key={key}
  isExpanded={open.includes(key)}
  onToggle={() => toggleOpen(key)}
  toggleText={
  - open.includes(key)
  - ? t("showLess")
  - : t("showMore")
  + open.includes(key) ? t("showLess") : t("showMore")
  }
  >
  <TableComposable borders={false}>
  @@ -82,11 +84,9 @@ export const ProviderInfo = () => {
  </Tbody>
  </TableComposable>
  </ExpandableSection>
  - )}
  - </Fragment>
  + ) : null
  )
  - )}
  - </ul>
  + .filter(isDefined)}
  </Td>
  </Tr>
  ))}
  