Meta Pixel Setup on React Site

I need help adding Meta (Facebook) Pixel to my custom site built with React + Vite and configuring it to report the right data back to Events Manager. The job is straightforward:

• Install the base pixel on every page.
• Fire standard events for page views, button clicks, add-to-cart, checkout, and final purchase.
• Confirm all events are passing the correct parameters and show as green in Meta’s Test Events tool.

Please work directly in the existing React/Vite codebase (no plugin layer) and document the snippets you add so I can maintain them later. A quick Loom or screenshot walkthrough of the Events Manager showing each event received will be the final sign-off.