[Layout] Update ActionList to use Layout primitives

[aveline]

WHY are these changes introduced?

Fixes #7458

WHAT is this pull request doing?

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Copy-paste this code in playground/Playground.tsx:

import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}

🎩 checklist

• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility
• Updated the component's README.md with documentation changes
• Tophatted documentation changes in the style guide

[github-actions]

size-limit report 📦

Path	Size
polaris-react-cjs	210.91 KB (+0.02% 🔺)
polaris-react-esm	136.13 KB (-0.04% 🔽)
polaris-react-esnext	191.27 KB (-0.11% 🔽)
polaris-react-css	41.59 KB (-0.36% 🔽)

[aveline]

The 3 Chromatic changes are not accurate. The snapshots don't match what is rendered in Storybook, either locally or in Chromatic. So leaving them as is.

[laurkim]

Nice! Compared local storybook to existing production storybook and lgtm on all breakpoints 💯