Edge bars display over axes

[nickofthyme]

Describe the bug
Edge bars cover the axes when outside of the domain.

To Reproduce
Steps to reproduce the behavior:

1. Replace playground.tsx with 👇

import React from 'react';
import { Axis, Chart, getAxisId, getSpecId, Position, ScaleType, Settings, HistogramBarSeries } from '../src';
import { KIBANA_METRICS } from '../src/utils/data_samples/test_dataset_kibana';

export class Playground extends React.Component {
  render() {
    return (
      <div className="chart">
        <Chart>
          <Settings
            showLegend={true}
            xDomain={{
              min: KIBANA_METRICS.metrics.kibana_os_load[0].data[0][0] + 10000,
              max: KIBANA_METRICS.metrics.kibana_os_load[0].data[18][0] + 10000,
            }}
            rotation={0}
          />
          <Axis id={getAxisId('y')} position={Position.Left} />
          <Axis id={getAxisId('x')} position={Position.Bottom} />
          <HistogramBarSeries
            id={getSpecId('bar')}
            yScaleType={ScaleType.Linear}
            xScaleType={ScaleType.Time}
            xAccessor={0}
            yAccessors={[1]}
            data={KIBANA_METRICS.metrics.kibana_os_load[0].data.slice(0, 15)}
          />
        </Chart>
      </div>
    );
  }
}

Expected behavior
Bars add bands should be clipped from the edge or no shown.

Screenshots

Kibana Cross Issues
Add any Kibana related issues here.

Checklist

• every related Kibana issue is listed under Kibana Cross Issues list
• kibana cross issue tag is associated to the issue if any kibana cross issue is present

[markov00]

🎉 This issue has been resolved in version 11.0.5 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀