Support grid items in `ConnectionList`

Created by: BolajiOlajide

During an accessibility audit of the Batch Changes List Page, we discovered that the screen reader doesn't identify the list section as an actual list of batch changes. We found out this was because we were using the ConnectionList as a div.

I proceeded to converting the div to a ul and ensuring each child is wrapped with a li instead of a fragment as shown here - this broke the grid pattern:

Switched to ul

On main:

This pattern is used in a number of places where ConnectionList is used and it hinders making the experience more accessible.

Initial Discussion by Batchers