[OUDS] Add "Grid" tokens, utilities, examples and documentation

[hannahiss]

Note: Please transform - [ ] into - (NA) in the description when things are not applicable

Related issues

Closes #2609

Description

• uncomment and restore documentation pages in Layout: Breakpoints, Containers, Grid, Columns, Gutters, Utilities
• Add new example page "grid-system" to test grids

Motivation & Context

Types of change

• Breaking change (fix or feature that would change existing functionality)

Live previews

• https://deploy-preview-2744--boosted.netlify.app/docs/layout/breakpoints/
• https://deploy-preview-2744--boosted.netlify.app/docs/layout/containers/
• https://deploy-preview-2744--boosted.netlify.app/docs/layout/grid/
• https://deploy-preview-2744--boosted.netlify.app/docs/layout/columns/
• https://deploy-preview-2744--boosted.netlify.app/docs/ayout/gutters/
• https://deploy-preview-2744--boosted.netlify.app/docs/layout/utilities/
• https://deploy-preview-2744--boosted.netlify.app/docs/examples/grid-system/

Checklist

Contribution

• I have read the contributing guidelines

Accessibility

• My change follows accessibility good practices; I have at least run axe

Design

• My change respects the design guidelines defined in Orange Design System
• My change is compatible with a responsive display

Development

• My change follows the developer guide
• I have added JavaScript unit tests to cover my changes
• I have added SCSS unit tests to cover my changes

Documentation

• My change introduces changes to the documentation and/or I have updated the documentation accordingly

Checklist (for Core Team only)

• My change introduces changes to the migration guide
• My new component is well displayed in Storybook
• My new component is compatible with RTL
• Manually run BrowserStack tests
• Manually test browser compatibility with BrowserStack (Chrome >= 60, Firefox >= 60 (+ ESR), Edge, Safari >= 12, iOS Safari, Chrome & Firefox on Android)
• Code review
• Design review
• A11y review

After the merge

• Manually launch Percy tests

[netlify]

✅ Deploy Preview for boosted ready!

Name	Link
🔨 Latest commit	1f66b64
🔍 Latest deploy log	https://app.netlify.com/sites/boosted/deploys/66fe8d286415a20008e57ee6
😎 Deploy Preview	https://deploy-preview-2744--boosted.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[julien-deramond]

Wondering if we shouldn't use a multiplicator based on $dimension-base. They've done it like this in OUDS Android for instance: https://github.com/Orange-OpenSource/ouds-android/blob/db96b330d4df815d802e773f8bfc707894c3c8d0/global-raw-tokens/src/main/java/com/orange/ouds/tokens/global/raw/GridRawTokens.kt#L24

Even if the dimension tokens are not there yet, we could still introduce the $dimension-base: 4 !default in this PR.