✨ feat(analytics): add cookie consent dialog

src/components/pages/ContactPage/ContactPage.test.tsx

@@ -1,8 +1,15 @@
 import { screen } from '@testing-library/react'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { useAnalytics } from 'use-analytics'
 
 import { renderWithRouter as render } from 'components/utils/tests/index.js'
 import ContactPage from './index.js'
 
+// Mock the analytics module
+vi.mock('use-analytics', () => ({
+  useAnalytics: () => ({ plugins: { enable: vi.fn(), disable: vi.fn() } }),
+}))
+
 vi.stubGlobal('open', vi.fn())
 describe('ContactPage', () => {
   test('renders without crashing and displays the correct contact methods', () => {

src/components/pages/CurriculumPage/CurriculumPage.test.tsx

@@ -1,11 +1,16 @@
 import { screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { useAnalytics } from 'use-analytics'
 
 import { renderWithRouter as render } from 'components/utils/tests'
 
-import CurriculumPage from '.'
+import CurriculumPage from './index.js'
 
 vi.stubGlobal('open', vi.fn())
+vi.mock('use-analytics', () => ({
+  useAnalytics: () => ({ plugins: { enable: vi.fn(), disable: vi.fn() } }),
+}))
 
 describe('Curriculum component', () => {
   const open = vi.spyOn(window, 'open')

src/components/pages/ErrorPage/ErrorPage.test.tsx

@@ -1,7 +1,14 @@
 import { screen, cleanup, render } from '@testing-library/react'
 import { RouterProvider, createMemoryRouter } from 'react-router-dom'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { useAnalytics } from 'use-analytics'
 
-import ErrorPage from '.'
+import ErrorPage from './index.js'
+
+// Mock the analytics module
+vi.mock('use-analytics', () => ({
+  useAnalytics: () => ({ plugins: { enable: vi.fn(), disable: vi.fn() } }),
+}))
 
 // Tests
 describe('Renders ErrorPage correctly', async () => {

src/components/pages/ErrorPage/ErrorPage.tsx

@@ -1,10 +1,12 @@
 import { isRouteErrorResponse, useRouteError } from 'react-router-dom'
-import { Box, Typography } from '@mui/material'
+import { Typography } from '@mui/material'
+
+import { Page } from 'components/templates/index.js'
 
 const ErrorPage: React.FC = () => {
   const error: unknown = useRouteError()
   return (
-    <Box display="flex" flexDirection="column" justifyContent="center" alignItems="center" minHeight="100vh">
+    <Page sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', minHeight: '90vh' }}>
       <Typography variant="h1" color="primary.main">
         Oops!
       </Typography>
@@ -14,7 +16,7 @@ const ErrorPage: React.FC = () => {
           {error.status} {error.data}
         </Typography>
       )}
-    </Box>
+    </Page>
   )
 }
 

src/components/pages/MainPage/MainPage.test.tsx

@@ -1,9 +1,15 @@
 import { screen } from '@testing-library/react'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { useAnalytics } from 'use-analytics'
 
-import { renderWithRouter as render } from 'components/utils/tests'
-
+import { renderWithRouter as render } from 'components/utils/tests/index.js'
 import MainPage from '.'
 
+// Mock the analytics module
+vi.mock('use-analytics', () => ({
+  useAnalytics: () => ({ plugins: { enable: vi.fn(), disable: vi.fn() } }),
+}))
+
 // Tests
 describe('Main page', () => {
   it('Should render the page correctly on desktop', async () => {

src/components/pages/ProjectsPage/ProjectsPage.test.tsx

@@ -1,8 +1,15 @@
 import { screen } from '@testing-library/react'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { useAnalytics } from 'use-analytics'
 
 import { renderWithRouter as render } from 'components/utils/tests/index.js'
 import ProjectsPage from '.'
 
+// Mock the analytics module
+vi.mock('use-analytics', () => ({
+  useAnalytics: () => ({ plugins: { enable: vi.fn(), disable: vi.fn() } }),
+}))
+
 vi.stubGlobal('open', vi.fn())
 describe('ProjectsPage component', () => {
   test('renders without crashing and displays the correct project titles', () => {