refactor: simplify About Modal layout with HTML definition list

Replace PatternFly DescriptionList components with standard HTML
<dl>, <dt>, and <dd> tags for a cleaner two-column layout.

Changes:
- Remove PatternFly DescriptionList imports
- Use native HTML definition list elements (dl, dt, dd)
- Maintain all data-testid attributes and co-select-to-copy classes
- Keep the same information displayed:
  - Dashboard Version
  - Server Version
  - Username
  - Browser Name
  - Browser Version
  - Browser OS

Benefits:
- Simpler markup structure
- Better semantic HTML
- More flexible styling control
- Maintains accessibility and testability

All tests pass (12 passed).

Assisted-by: Claude Sonnet 4.5
Signed-off-by: Oleksii Orel <oorel@redhat.com>

Author: olexii4

.image-tag

@@ -1 +1 @@
-pr-1452-10
+pr-1452-11

packages/dashboard-frontend/src/Layout/Header/Tools/AboutMenu/Modal.tsx

@@ -10,14 +10,7 @@
  *   Red Hat, Inc. - initial API and implementation
  */
 
-import {
-  AboutModal as PatternflyAboutModal,
-  Content,
-  DescriptionList,
-  DescriptionListDescription,
-  DescriptionListGroup,
-  DescriptionListTerm,
-} from '@patternfly/react-core';
+import { AboutModal as PatternflyAboutModal, Content } from '@patternfly/react-core';
 import { detect } from 'detect-browser';
 import React from 'react';
 
@@ -54,65 +47,56 @@ export class AboutModal extends React.PureComponent<Props> {
 
     return (
       <Content>
-        <DescriptionList>
+        <dl>
           {dashboardVersion && (
-            <DescriptionListGroup>
-              <DescriptionListTerm>Dashboard Version</DescriptionListTerm>
-              <DescriptionListDescription
-                className="co-select-to-copy"
-                data-testid="dashboard-version"
-              >
+            <>
+              <dt>Dashboard Version</dt>
+              <dd className="co-select-to-copy" data-testid="dashboard-version">
                 {dashboardVersion}
-              </DescriptionListDescription>
-            </DescriptionListGroup>
+              </dd>
+            </>
           )}
           {serverVersion && (
-            <DescriptionListGroup>
-              <DescriptionListTerm>Server Version</DescriptionListTerm>
-              <DescriptionListDescription
-                className="co-select-to-copy"
-                data-testid="server-version"
-              >
+            <>
+              <dt>Server Version</dt>
+              <dd className="co-select-to-copy" data-testid="server-version">
                 {serverVersion}
-              </DescriptionListDescription>
-            </DescriptionListGroup>
+              </dd>
+            </>
           )}
           {username && (
-            <DescriptionListGroup>
-              <DescriptionListTerm>Username</DescriptionListTerm>
-              <DescriptionListDescription className="co-select-to-copy" data-testid="username">
+            <>
+              <dt>Username</dt>
+              <dd className="co-select-to-copy" data-testid="username">
                 {username}
-              </DescriptionListDescription>
-            </DescriptionListGroup>
+              </dd>
+            </>
           )}
           {browserName && (
-            <DescriptionListGroup>
-              <DescriptionListTerm>Browser Name</DescriptionListTerm>
-              <DescriptionListDescription className="co-select-to-copy" data-testid="browser-name">
+            <>
+              <dt>Browser Name</dt>
+              <dd className="co-select-to-copy" data-testid="browser-name">
                 {browserName}
-              </DescriptionListDescription>
-            </DescriptionListGroup>
+              </dd>
+            </>
           )}
           {browserVersion && (
-            <DescriptionListGroup>
-              <DescriptionListTerm>Browser Version</DescriptionListTerm>
-              <DescriptionListDescription
-                className="co-select-to-copy"
-                data-testid="browser-version"
-              >
+            <>
+              <dt>Browser Version</dt>
+              <dd className="co-select-to-copy" data-testid="browser-version">
                 {browserVersion}
-              </DescriptionListDescription>
-            </DescriptionListGroup>
+              </dd>
+            </>
           )}
           {browserOS && (
-            <DescriptionListGroup>
-              <DescriptionListTerm>Browser OS</DescriptionListTerm>
-              <DescriptionListDescription className="co-select-to-copy" data-testid="browser-os">
+            <>
+              <dt>Browser OS</dt>
+              <dd className="co-select-to-copy" data-testid="browser-os">
                 {browserOS}
-              </DescriptionListDescription>
-            </DescriptionListGroup>
+              </dd>
+            </>
           )}
-        </DescriptionList>
+        </dl>
       </Content>
     );
   }