feat: add analytics with microsoft clarity (#4698)

Author: brandstetterm

package.json

@@ -15,6 +15,7 @@
     "@dnd-kit/sortable": "^9.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@fontsource/raleway": "^5.1.0",
+    "@microsoft/clarity": "^1.0.0",
     "@react-hook/resize-observer": "^2.0.2",
     "@react-spring/web": "^9.7.5",
     "@reduxjs/toolkit": "^2.5.0",

src/index.tsx

@@ -1,6 +1,7 @@
 import React, {Suspense} from "react";
 import {createRoot} from "react-dom/client";
 import {Provider} from "react-redux";
+import Clarity from "@microsoft/clarity";
 import "index.scss";
 import {CookieNotice} from "components/CookieNotice";
 import {store} from "store";
@@ -48,6 +49,8 @@ if (ANALYTICS_DATA_DOMAIN && ANALYTICS_SRC) {
 
 const root = createRoot(document.getElementById("root") as HTMLDivElement);
 
+Clarity.init("pf8vadt2x0");
+
 root.render(
   <React.StrictMode>
     <I18nextProvider i18n={i18n}>

yarn.lock

@@ -1796,6 +1796,11 @@
   resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
   integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
 
+"@microsoft/clarity@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@microsoft/clarity/-/clarity-1.0.0.tgz#e5f6c87d4aac9bac0cedeaa94158a3fd32fbcd5e"
+  integrity sha512-2QY6SmXnqRj6dWhNY8NYCN3e53j4zCFebH4wGnNhdGV1mqAsQwql2fT0w8TISxCvwwfVp8idsWLIdrRHOms1PQ==
+
 "@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1":
   version "5.1.1-v1"
   resolved "https://registry.yarnpkg.com/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz#dbf733a965ca47b1973177dc0bb6c889edcfb129"