message: fix spacing table & navigation
diff: @@ -7,6 +7,8 @@ import {
  } from "react";
  import {
  AlertVariant,
  + PageSection,
  + PageSectionVariants,
  Button,
  ButtonVariant,
  Divider,
  @@ -371,6 +373,7 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
  {t("credentialResetBtn")}
  </Button>
  )}
  + <PageSection variant={PageSectionVariants.light}>
  <TableComposable
  aria-label="userCredentials-table"
  variant={"compact"}
  @@ -400,7 +403,9 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
  {groupedUserCredentials.map((groupedCredential, rowIndex) => (
  <Fragment key={groupedCredential.key}>
  <Tr
  - id={groupedCredential.value.map(({ id }) => id).toString()}
  + id={groupedCredential.value
  + .map(({ id }) => id)
  + .toString()}
  draggable={groupedUserCredentials.length > 1}
  onDrop={onDrop}
  onDragEnd={onDragEnd}
  @@ -483,6 +488,7 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
  ))}
  </Tbody>
  </TableComposable>
  + </PageSection>
  </>
  ) : (
  <ListEmptyState
  