[SG-35151] [Accessibility]: Code monitoring logs should use list elements

Created by: gitstart-sourcegraph

Audit type

ARC Toolkit

User journey audit issue

#34194

Problem description

• Navigate to https://sourcegraph.com/code-monitoring.
• Create some code monitors. Wait for some runs to happen so that you can view logs.
• Navigate to the "Logs" tab.

Code monitoring logs are displayed like a nested collapsible list, but are not implemented using list elements.

Expected behaviour

• Top-level list of code monitors should be an <ol>. Timestamp of last run at that level should be right-aligned.
• List of code monitor runs ("Run X days/minutes ago") should be an <ul>.
• List of triggers and actions should be an <ol>.

Additional Details

Refs

Sourcegraph Issue Gitstart Ticket

Test plan

• Run sg start web-standalone on the terminal, ensure the localhost is running
• Go to http://localhost:3080/code-monitoring
• Go to the Logs tab
• Right click, select Inspect Element to inspect changes

Loom video

App preview:

• Web
• Storybook

Check out the client app preview documentation to learn more.