Mass update and new gtag

[tristanbudd]

Pull Request

Description

This pull request introduces several dependency updates, enhancements for Google Tag Manager (GTM) analytics tracking, and a minor improvement to the Inertia.js page resolution logic. The main focus is on adding custom GTM event tracking for user interactions and keeping dependencies up-to-date for improved stability and compatibility.

Analytics and Tracking Enhancements:

• Added GTM event tracking to the AnalysisReportModal sidebar tab navigation, logging report_tab_view events with the tab name and vessel MMSI.
• Added GTM event tracking to the ShipDetailsSidebar for toggling waypoints (waypoints_toggle) and changing the history timeframe (history_timeframe_change), capturing relevant state and vessel information. [1] [2]

Dependency Updates:

• Updated several frontend dependencies in package.json, including @inertiajs/react, axios, @types/node, @types/react, @vitejs/plugin-react, lint-staged, postcss, typescript-eslint, and vite to their latest patch or minor versions. [1] [2] [3]
• Added symfony/routing (version 7.4.13) to the PHP dependencies in composer.json for improved routing capabilities.

Inertia.js Page Resolution Improvement:

• Improved the Inertia.js page module resolution in app.tsx by adding type safety, stricter error handling for missing pages, and using the default export for page components.

Related Issue

N/A

Type of change

• Bug fix
• New feature
• Documentation update
• Other

Checklist

• My code follows the project's style guidelines
• I have performed a self-review of my own code
• I have added tests where applicable
• All new and existing tests pass
• I have updated the documentation if needed

Screenshots (if applicable)

N/A