feat(Modal): new Modal components building blocks

[YossiSaadi]

New Modal

This PR includes:

• ModalHeader:

  • feat(ModalHeader): header component to be used in modal #2413
  • feat(ModalHeader): set titleId and descriptionId for Modal #2446

• ModalContent:

  • feat(ModalContent): content component to be used in modal by consumers #2414

• ModalTopActions:

  • feat(ModalTopActions): top actions component for internal use #2415
  • feat(ModalTopActions): use CloseMedium instead of CloseSmall icon #2445

• Modal - which should act as an empty canvas which manages all the logic behind a modal concept:

  • feat(Modal): modal component with basic functionality #2417
  • feat(Modal): implement size prop and responsiveness #2419
  • feat(Modal): use titleId and descriptionId for appropriate arias, allow setting those values through context #2420
  • feat(Modal): handle onClose and show logic of component #2429
  • feat(Modal): disable scroll outside of modal when it is open #2433
  • feat(Modal): keep focus inside opened modal, return focus to last element #2434

• ModalFooterBase - acts as a base component for wizard and regular footer usages:

  • feat(ModalFooterBase): base footer component to be used by different modal footers #2437

• Keyboard navigation and autofocus:

  • feat(Modal): control autofocus and keyboard navigation focus #2556

• Animations:

  • feat(Modal): add pop from center/anchor animations #2489