Add hotjar for heatmap detection

Author: shreeyash07

app/package.json

@@ -37,6 +37,7 @@
         "surge:teardown": "branch=$(git rev-parse --symbolic-full-name --abbrev-ref HEAD); branch=$(echo $branch  | tr ./ -); surge teardown https://ifrc-go-$branch.surge.sh"
     },
     "dependencies": {
+        "@hotjar/browser": "^1.0.9",
         "@ifrc-go/icons": "^2.0.1",
         "@ifrc-go/ui": "^1.2.4",
         "@sentry/react": "^7.81.1",

app/src/App/index.tsx

@@ -8,6 +8,7 @@ import {
     createBrowserRouter,
     RouterProvider,
 } from 'react-router-dom';
+import Hotjar from '@hotjar/browser';
 import {
     AlertContext,
     type AlertContextProps,
@@ -55,6 +56,11 @@ import wrappedRoutes, { unwrappedRoutes } from './routes';
 
 import styles from './styles.module.css';
 
+const siteId = 5292885;
+const hotjarVersion = 6;
+
+Hotjar.init(siteId, hotjarVersion);
+
 const requestContextValue = {
     transformUrl: processGoUrls,
     transformOptions: processGoOptions,