fix(frontend) div can't be a child of summary

[ken-blanchard]

Summary

According to HTML validator, some of our markup is invalid. This was reported by the ITAO on CDCP.

Types of changes

What types of changes does this PR introduce?
(check all that apply by placing an x in the relevant boxes)

• 🛠️ refactoring -- non-breaking change that improves code readability or structure
• 🐛 bugfix -- non-breaking change that fixes an issue
• ✨ new feature -- non-breaking change that adds functionality
• 💥 breaking change -- change that causes existing functionality to no longer work as expected
• 📚 documentation -- changes to documentation only
• ⚙️ build or tooling -- ex: CI/CD, dependency upgrades

Checklist

Before submitting this PR, ensure that you have completed the following. You can fill these out now, or after creating the PR.
(check all that apply by placing an x in the relevant boxes)

• code has been linted and formatted locally
• added or updated tests to verify the changes
• added adequate logging for new or updated functionality
• ensured metrics and/or tracing are in place for monitoring and debugging
• documentation has been updated to reflect the changes (if applicable)
• linked this PR to a related issue (if applicable)

Linting and formatting

npm run lint:check
npm run format:check

Unit and e2e tests

npm run test
npm run test:e2e

Additional Notes

If this PR introduces significant changes, explain your reasoning and provide any necessary context here. Feel free to include diagrams, screenshots, or alternative approaches you considered.

Screenshots (if applicable)

Provide screenshots or screen-recordings to help reviewers understand the visual impact of your changes, if relevant.