Make some codesandbox examples using framer motion

[itsdouges]

1. Use element motion for orchestraton + execution
2. Use https://github.com/framer/motion to power some motions

Expecting consumption to look something like...

import Motion from '@element-motion/core';
import { FramerMove } from '@element-motion/framer-motions';
import { motion } from 'framer-motion';

<Motion triggerSelfKey={shown}>
  <FramerMove>{motion =>
    <motion.div {...motion} alignSelf={shown ? 'flex-end' : 'flex-start'} />}
  </FramerMove>
</Motion>

Probably also change the type of child Framers, maybe. We can probably make this work by adding in an extra params (to pass to a motion element) so we can set on the child. This would also actually work for react-spring (animated elements) usage too.

[itsdouges]

nah