Create useCard custom hook

Rather than using the `getNextCardData` prop, you could instead use a custom hook, maybe called `useCard` that returns similar information about the card. This is how I imagine it being used:

```js
function MySwiper() {
const { swipeDirection } = useCard();
return (


You swiped to the {swipeDirection}


);
}
```