Project: styled-components
Task (challenging): 1) When clicked in 'My Friends' Button in Footer, shows Modal with title ('My Friends') 2) Shows Animals 🐶🐱🐭🐹🐰🦊🐻🐼 in the content of Modal, every animal is wrapped in .animal, and every animal has a infinite animation: rotate from -45deg to 45deg in 1s, and rotate back from 45deg to -45deg in 1s 3) Custom style of this Modal by using 'styled(Modal)' in Footer.tsx, the overlay Background Color of Modal is customized to #FF69B4 4) Constraint: DO NOT use any third-party packages; ONLY React and styled-components are allowed. use styled-components to set the appealing style&animation