Modal animations are not always going in the right direction

[glenngijsberts]

Problem description

The animations inside our modals are not always going in the right direction, this feels weird. This is all handled by the ContentTransition component.

Steps to reproduce

1. Go to the story of the ContentTransition component
2. Click on "Sing up"
3. Click on "Log in"
4. Verify it has the same animation both clicks, which should't be the case.

110484328-d8076d00-80ea-11eb-8015-33baea0fdce6.mov

Expected behaviour

The content should move left if the user goes a step deeper. When the user goes a step back the content should move to the right.

Additional context

The video is an example from our product.