add Sentry setup for logs tracking in client side

Change-Id: Ia63f094ba2ee876869547824e37a8a37c77c5f3b
diff --git a/client/src/index.js b/client/src/index.js
index 27b5591..199cb6f 100644
--- a/client/src/index.js
+++ b/client/src/index.js
@@ -1,18 +1,27 @@
 "use strict";
+import "./index.scss";
 import React from "react";
 import ReactDOM from "react-dom";
-import { BrowserRouter as Router } from "react-router-dom";
 import App from "./App.js";
-import "./index.scss";
-
 import { store } from "../redux/store";
 import { Provider } from "react-redux";
-//import { CssBaseline } from '@mui/material'
+import { BrowserRouter as Router } from "react-router-dom";
 
+import config from "../sentry-client.config.json"
+import * as Sentry from "@sentry/react";
+import { BrowserTracing } from "@sentry/tracing";
+
+//import { CssBaseline } from '@mui/material'
 //import * as serviceWorker from './serviceWorker'
+
 const rootEl = document.getElementById("root");
 var exports = {};
 
+Sentry.init({
+  ...config,
+  integrations: [new BrowserTracing()],
+});
+
 const render = (Component) =>
   ReactDOM.render(
     <Provider store={store}>