Fix <ul> and <ol> Direct Children for HTML Compliance

[NalinDalal]

This PR addresses issue #869 : ensuring that all <ul> and <ol> elements only have <li>, <script>, or <template> as direct children, as required by the HTML specification and accessibility guidelines.

What was changed

• Refactored markup in three locations where <ul> or <ol> had non-<li> direct children.
• All content/components that were direct children of <ul> are now wrapped in <li> elements.
• Verified all other relevant files for similar issues; no further inconsistencies found.

Why

• To comply with the HTML spec and improve accessibility (WCAG 1.3.1, H48, F43).
• Prevents inconsistent rendering and improves support for assistive technologies.

How to test

• Review affected pages in the browser and inspect the DOM to ensure all <ul> and <ol> have only <li>, <script>, or <template> as direct children.
• Confirm that the UI and accessibility are not negatively impacted.

Related Issue

Closes #869

Additional Notes

• If any similar issues are found elsewhere, please report or address them in follow-up PRs.

[coseeian]

I have reviewed this PR, and it looks good!