NextJS help with references and instances.

I need help with the finishing touches for this next js project ([login to view URL]). I am using mostly [login to view URL] and [login to view URL] for functionality. This should be very straightforward if you have a solid React experience. I want to work with you on this. let's get to it ✌️ Deliverables Player Section Have the player only spin the current playing record. show 3 records at the same time, but only play and spin one. have 'isPlaying' state which prevents audio overlap with video section. Timeline section remove parent (<HorizontalScroll/>) elements on the mobile viewport. This is to make sure we can horizontal scroll with mouse-wheel on desktop, and horizontal finger drag on mobile. General Implement a loading component that waits for site load and then disappears. implemented state management which does not let audio overlap. (player and videos playing at the same time)