Feature/act 760 device performance to amplitude (#83)

package.json

@@ -65,6 +65,7 @@
     ]
   },
   "peerDependencies": {
+    "@amplitude/analytics-browser": "^1.13.6",
     "@react-three/drei": "9.108.4",
     "@react-three/fiber": "8.16.8",
     "@react-three/postprocessing": "2.16.2",

src/hooks/useDeviceDetector/use-device-detector.hook.ts

@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
 import { getGPUTier, TierResult as GpuTierResult } from 'detect-gpu';
 import { stringify } from 'qs';
 import { checkDownloadSpeed } from 'src/services/DownloadSpeed.service';
+import { trackEvent } from 'src/services/Analytics.service';
 
 type TierPresets = { [key: number]: Record<string, any> };
 
@@ -48,6 +49,8 @@ class DeviceDetectorService {
     if (props.tierPresets) {
       this.tierPresets = { ...TIER_PRESETS, ...props.tierPresets };
     }
+
+    trackEvent('device detected', this.result);
   }
 
   get result() {

src/services/Analytics.service.ts

@@ -0,0 +1,9 @@
+import { track } from '@amplitude/analytics-browser';
+
+export function trackEvent(event: string, data?: Record<string, any>) {
+  try {
+    track(event, data);
+  } catch (error) {
+    console.error('Failed to track event', error);
+  }
+}