Semantically nested lists in BreakoutRoomTab

[Antreesy]

How to use GitHub

• Please use the 👍 reaction to show that you are interested into the same feature.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

---

Is your feature request related to a problem? Please describe.
BreakoutRoomItems are <li> elements, and its participants are placed as a <ul> elements right after, while they should be placed inside room item DOM element (see screenshot below):

Describe the solution you'd like

<li>
  // Breakout Room Item Code
  <ul>
  // Participant component
  </ul>
</li>

Originally posted by @Antreesy in #8919 (review)

[nickvergessen]

Related #7566