Merge pull request #9932 from overleaf/ab-react-dash-event

[web] Add loads_v2_dash event to the React dashboard

GitOrigin-RevId: 14fad90bb434b3b3855ed30e0159abb7e7d61c47

services/web/frontend/js/features/project-list/components/project-list-root.tsx

@@ -2,6 +2,7 @@ import {
   ProjectListProvider,
   useProjectListContext,
 } from '../context/project-list-context'
+import * as eventTracking from '../../../infrastructure/event-tracking'
 import { Col, Row } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
 import useWaitForI18n from '../../../shared/hooks/use-wait-for-i18n'
@@ -18,6 +19,7 @@ import ProjectsDropdown from './dropdown/projects-dropdown'
 import SortByDropdown from './dropdown/sort-by-dropdown'
 import ProjectTools from './table/project-tools/project-tools'
 import LoadMore from './load-more'
+import { useEffect } from 'react'
 
 function ProjectListRoot() {
   const { isReady } = useWaitForI18n()
@@ -40,6 +42,10 @@ function ProjectListPageContent() {
     selectedProjects,
   } = useProjectListContext()
 
+  useEffect(() => {
+    eventTracking.sendMB('loads_v2_dash', {})
+  }, [])
+
   return isLoading ? (
     <div className="loading-container">
       <LoadingBranded loadProgress={loadProgress} />