Initial GA4 Analytics Configuration

[davidsmejia]

Context

Epic: #302

We need to do some basic tracking to understand how users interact with refinebio-web.

Problem or idea

We want to initially look at default report generated by just dropping in GA4 and then doing internal site-wide testing.
We should limit the accompanying PR to only contain the addition of react-ga4 and the requisite configuration.

A future Issue will be made to track if we should create a hook and individual tracking elements.

Solution or next step

Edited by @nozomione

• Provide GA4 measurement IDs @davidsmejia
• Set up production and staging environmental variables in the next config and Vercel @nozomione
  • GA4_MEASUREMENT_ID
  • STAGE_GA4_MEASUREMENT_ID
• GA4 Integration @nozomione
  • (approach 1) Add GA4 script to the project
  • (approach 2) Install a project dependency react-ga4 and pass GA4 measurement ID

NOTE The approach 1 was taken and the gtag function can be used to set up our custom events, so the react-g4 package was not added.

[davidsmejia]

The code for analytics can now be found in 1password.