fix(pie-toast): DSW-2476 rtl updates to the component

[raoufswe]

Describe your changes (can list changeset entries if preferable)

• Enures the alignment and animation of the component follows the design guidelines for both LTR and RTL. The component should slide from the left for LTR and from the right for RTL.
• Updates the motion illustration as requested by design.
• Updates the padding values of the container to match designs as requested in the design review

Author Checklist (complete before requesting a review)

• [x] I have performed a self-review of my code
• [x] I have added thorough tests where applicable (unit / component / visual)
• [x] I have reviewed the PIE Storybook/PIE Docs PR preview
• [x] I have reviewed visual test updates properly before approving
• [x] If changes will affect consumers of the package, I have created a changeset entry.

Reviewer checklists (complete before approving)

Reviewer 1 - @fernandofranca

• [x] I have reviewed the PIE Storybook/PIE Docs PR preview
• [x] If there are visual test updates, I have reviewed them

Reviewer 2 - @siggerzz

• [x] I have reviewed the PIE Storybook/PIE Docs PR preview
• [x] If there are visual test updates, I have reviewed them

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: d4112352d69dff951dc408c763b83f30ae4a28fc

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 9 packages

| Name | Type | | -------------------------- | ----- | | @justeattakeaway/pie-toast | Minor | | pie-storybook | Minor | | pie-docs | Minor | | @justeattakeaway/pie-webc | Patch | | wc-angular12 | Patch | | wc-nuxt2 | Patch | | wc-react17 | Patch | | wc-react18 | Patch | | wc-vue3 | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR