add page view events using google analytics

frontend/src/hooks/usePageTracking.js

@@ -0,0 +1,18 @@
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+
+export function usePageTracking() {
+  const location = useLocation();
+
+  useEffect(() => {
+    // Send pageview to Google Analytics
+    if (window.gtag) {
+      console.debug('sending page view event', location.pathname, location.search, location.hash);
+      window.gtag("event", "page_view", {
+        page_path: location.pathname + location.search + location.hash,
+        page_location: window.location.href,
+        page_title: document.title
+      });
+    }
+  }, [location]);
+}

frontend/src/pages/AddModelPage/AddModelPage.js

@@ -6,9 +6,11 @@ import EvaluationQueues from "./components/EvaluationQueues/EvaluationQueues";
 import ModelSubmissionForm from "./components/ModelSubmissionForm/ModelSubmissionForm";
 import SubmissionGuide from "./components/SubmissionGuide/SubmissionGuide";
 import SubmissionLimitChecker from "./components/SubmissionLimitChecker/SubmissionLimitChecker";
+import { usePageTracking } from "../../hooks/usePageTracking";
 
 function AddModelPage() {
   const { isAuthenticated, loading, user } = useAuth();
+  usePageTracking();
 
   if (loading) {
     return (

frontend/src/pages/LeaderboardPage/LeaderboardPage.js

@@ -4,10 +4,12 @@ import { Box } from "@mui/material";
 import PageHeader from "../../components/shared/PageHeader";
 import { useLeaderboardData } from "../../pages/LeaderboardPage/components/Leaderboard/hooks/useLeaderboardData";
 import { useLeaderboard } from "../../pages/LeaderboardPage/components/Leaderboard/context/LeaderboardContext";
+import { usePageTracking } from "../../hooks/usePageTracking";
 
 function LeaderboardPage() {
   const { data, isLoading, error } = useLeaderboardData();
   const { actions } = useLeaderboard();
+  usePageTracking();
 
   useEffect(() => {
     if (data) {

frontend/src/pages/QuotePage/QuotePage.js

@@ -10,6 +10,7 @@ import {
 } from "@mui/material";
 import ContentCopyIcon from "@mui/icons-material/ContentCopy";
 import PageHeader from "../../components/shared/PageHeader";
+import { usePageTracking } from "../../hooks/usePageTracking";
 
 const citations = [
   {
@@ -218,6 +219,8 @@ const CitationBlock = ({ citation, title, authors, url, type }) => {
 };
 
 function QuotePage() {
+  usePageTracking();
+
   return (
     <Box sx={{ width: "100%", maxWidth: 1200, margin: "0 auto", py: 4, px: 0 }}>
       <PageHeader