test: add resize config for easy story and e2e resizing

[nickofthyme]

Summary

We've started adding resize wrapper elements around certain stories to allow for a better size per chart while also allowing the docs consumer to easily resize the chart to see how it changes.

This caused a bit of an issue in #2156 with clipping of the vrt screenshots.

This PR adds a resize config to the Story.parameters. This allows us to pass a boolean where if true we wrap the story in resizable div, matching the default size of the .echChart. You may also pass this parameter any css styles to be applied to this resize wrapper. For example the Metric - Basic story just adds the following to override the height and width of the resize wrapper to 200px.

Example.parameters = {
  resize: {
    height: '200px',
    width: '200px',
  },
};

Any provided styles override the default styles here...

elastic-charts/storybook/style.scss

Lines 144 to 151 in 3b83f53

	#story-resize-wrapper {
	resize: both;
	height: 100%;
	width: 100%;
	overflow: auto;
	max-width: 100%;
	max-height: 80vh;
	}

As for the the e2e tests, I added the setResizeDimensions method to the common page object for easily updating the height and width of this resize wrapper. This would look like...

test('should resize metric', async ({ page }) => {
    await common.expectChartAtUrlToMatchScreenshot(page)(
      'http://localhost:9001/xxxxx,
      {
        action: async () => {
          await common.setResizeDimensions(page)({ width: '400px' });
        },
      },
    );
  });

If no resize parameter was provided this method will throw and error!

⚠️ This feature only impacts the storybook docs and e2e testing.

Changes added to facilitate testing of Bullet as Metric in #2156.

[nickofthyme]

This straggler was causing issues pointing to the wrong port.