Profile settings : Description list is malformed

Issue Summary

On the "Profile settings" page, the description lists in the "Details" and "Preferences" sections are malformed.

Steps to Reproduce

1. Navigate onto the above mentioned page.
2. Navigate onto the mentioned instances and inspect their code.
3. Observe that the description list semantics are malformed.

Screenshot

Actual Results

Each key and value pair in the "Details" and "Preferences" section uses separate <dl> element. That is, there is a new <dl> for every <dt> and <dd> element, rather than one <dl> for all of the description list. As a result, users of a screen reader will not be able to understand the page's content structure.

Expected Results

Mark up the description list using <dl>, <dt>, and <dd>. Make sure that each set of list items is contained in a single <dl>, contain each individual term within <dt> tags and each description within <dd> tags. Only use separate <dl> tags when the list items are contained logically and visually in separate, distinct lists.

Code Snippet

<dl>
<dt>Page Size:</dt>
<dd>50</dd>
<dt>Email Type:</dt>
<dd>HTML</dd>
...
</dl>

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOS Monterey Version 12.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest