refactor(control-planes): use DataCollection for CP detail page

This PR ended up doing several things:

Uses DataCollection for the lists on the home/ control plane detail page (Zones and Meshes)
Refactors the way that a [+ Create Zone] is conditionally added to the page. We now use a method which means we can decorate the ZoneControlPlaneList component from The Outside to add the button if we want to do that eventually. It's also generally nicer as we define the button once and then add to the DOM in the correct place, instead of defining twice and then wrapping both in slightly different conditionals.
I noticed that the test we use for this mocks the mesh-insights API response incorrectly. So I amended that in the test and used a more generic method we have for mocking 'partitions of totals' in the mocks.

To view the different variations you can add the following cookie settings to https://deploy-preview-2699--kuma-gui.netlify.app/gui/:

Non-empty lists, without zone creation

KUMA_ZONE_COUNT=7
KUMA_MESH_COUNT=7
KUMA_ZONE_CREATION_FLOW=disabled

Non-empty lists, with zone creation:

KUMA_ZONE_COUNT=7
KUMA_MESH_COUNT=7
KUMA_ZONE_CREATION_FLOW=enabled

Empty lists, with zone creation

KUMA_ZONE_COUNT=0
KUMA_MESH_COUNT=0
KUMA_ZONE_CREATION_FLOW=enabled

Empty lists without zone creation

KUMA_ZONE_COUNT=0
KUMA_MESH_COUNT=0
KUMA_ZONE_CREATION_FLOW=disabled

Name	Link
Latest commit	689b3d1f006ef9b790642dab3411d3b36fd71199
Latest deploy log	https://app.netlify.com/sites/kuma-gui/deploys/667d6051c5e2f2000817f446
Deploy Preview	https://deploy-preview-2699--kuma-gui.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

kumahq / kuma-gui