Add backgroundColor property to Container component

[david0xd]

This PR adds backgroundColor property to Container component.

Related task: #2906
Related extension PR: MetaMask/metamask-extension#29095

Notes

• Background colors that can be used are predefined as: default and alternative.
• Background colors are meant to mirror backgroundDefault and backgroundAlternative colors from MetaMask extension design system (https://github.com/MetaMask/metamask-extension/blob/main/ui/helpers/constants/design-system.ts#L54).
• Color names are simplified on the Snaps side to make it easier for developers to use.

Examples (experiments with extension integration)

Confirmation example:

Source code used for content:

      return snap.request({
        method: 'snap_dialog',
        params: {
          content: (
            <Container backgroundColor="default">
              <Box>
                <Text>Testing container background.</Text>
                <Button variant="primary">Primary button</Button>
                <Button variant="destructive">Destructive button</Button>
                <Button disabled={true}>Disabled button</Button>
              </Box>
              <Footer>
                <Button>Accept</Button>
                <Button name="footer_button">Cancel</Button>
              </Footer>
            </Container>
          ),
        },
      });

Transaction insight example where background color is deliberately ignored:

Source code used for content:

    return {
      content: (
        <Container backgroundColor="alternative">
          <Box>
            <Text>Testing container background on transaction insight.</Text>
            <Text>Normal transaction.</Text>
          </Box>
        </Container>
      ),
      severity: SeverityLevel.Critical,
    };

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 94.72%. Comparing base (5159929) to head (3e62e75).
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2950   +/-   ##
=======================================
  Coverage   94.72%   94.72%           
=======================================
  Files         497      497           
  Lines       10826    10826           
  Branches     1654     1654           
=======================================
  Hits        10255    10255           
  Misses        571      571           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[FrederikBolding]

@david0xd We may wanna hold off on merging this until we have it working fully in extension with swapping the Section color etc

Otherwise, LGTM!