Rony's Phoenix Cursor

Rony wanted a Phoenix cursor and on click the phoenix will.. "rawr"? Anyways here's the issue for the feature.

Resources that may help:
* Cursor CSS property ([MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor))
* Cursor animation ([StackOverflow Post](https://stackoverflow.com/questions/9189250/animated-cursor-support-in-web-applications))
* useEffect hook ([React](https://react.dev/reference/react/useEffect#useeffect))
* You might use this to apply `document.addEventListener('click', () => { **code for playing animation** });` with an empty dependency array so it will be applied everytime the component mounts.
* If you do use this, you also need to look into 'use client' as you can only use hooks inside of client components. ([Next.js](https://nextjs.org/docs/app/building-your-application/rendering/client-components))