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)

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

Reviewer checklists (complete before approving)

Reviewer 1 - @fernandofranca

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

Reviewer 2 - @siggerzz

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

[changeset-bot]

🦋 Changeset detected

Latest commit: d411235

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