add FE tracking with grafana faro

src/index.tsx

@@ -4,13 +4,31 @@ import 'bootstrap/dist/css/bootstrap.css';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import { getWebInstrumentations, initializeFaro } from '@grafana/faro-web-sdk';
+
+const faro = window.location.hostname === 'localhost' ? undefined : initializeFaro({
+    url: 'https://faro-collector-prod-eu-west-2.grafana.net/collect/88adcc2543da5af525c451166286f2cc',
+    app: {
+        name: 'kemkas',
+        version: '1.0.0',
+        environment: 'production'
+    },
+    instrumentations: [
+        // Mandatory, overwriting the instrumentations array would cause the default instrumentations to be omitted
+        ...getWebInstrumentations(),
+
+        // Initialization of the tracing package.
+        // This packages is optional because it increases the bundle size noticeably. Only add it if you want tracing data.
+        // new TracingInstrumentation(),
+    ],
+});
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
 );
 root.render(
   <React.StrictMode>
-    <App />
+    <App faro={faro} />
   </React.StrictMode>
 );