Add OpenReplay snippet to all pages in web app

[nataliekwong]

Tell us about the problem you're trying to solve

Understanding pain points in the user journey within the application

Describe the solution you’d like

Add the OpenReplay tracking snippet to all pages in Airbyte, so that we can utilize the data to review user sessions and understand where the UI/UX can be improved. Issue #4065 is a similar request.

Describe the alternative you’ve considered or used

FullStory - used for 3 weeks and considered. Functionality is quite similar to OpenReplay based on the OpenReplay demo. Given FullStory has a minimum threshold of 50K sessions, we would be paying more for the tool than we need to at this point, and we are looking for alternative solutions that are comparable.

Additional Context

Paste this snippet before the tag of your page. (Note this still says Asayer, they recently rebranded to OpenReplay but this does not affect the setup)

<script>
(function(A,s,a,y,e,r){
  r=window.asayer=[s,r,e,[y-1]];
  s=document.createElement('script');s.src=a;s.async=!A;
  document.getElementsByTagName('head')[0].appendChild(s);
  r.start=function(v){r.push([0])};
  r.stop=function(v){r.push([1])};
  r.userID=function(id){r.push([2,id])};
  r.userAnonymousID=function(id){r.push([3,id])};
  r.metadata=function(k,v){r.push([4,k,v])};
  r.event=function(k,p){r.push([5,k,p])};
  r.active=function(){return false};
  r.sessionID=function(){};
})(0,6611843272536134,'//static.asayer.io/tracker.js',1,28);
</script>

[nataliekwong]

fyi @johnlafleur