feat: add sentry for error monitoring

Author: Alexandrbig1

package-lock.json

@@ -63,6 +63,7 @@
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
     "@reduxjs/toolkit": "^2.9.0",
+    "@sentry/react": "^10.27.0",
     "axios": "^1.13.2",
     "dompurify": "^3.3.0",
     "framer-motion": "^12.23.24",

package.json

@@ -1,3 +1,4 @@
+import './sentry';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';

src/main.jsx

@@ -0,0 +1,20 @@
+import * as Sentry from "@sentry/react";
+
+Sentry.init({
+  dsn: import.meta.env.VITE_SENTRY_DSN,
+  environment: import.meta.env.VITE_ENV || "development",
+  release: import.meta.env.VITE_SENTRY_RELEASE || "corex-frontend@unknown",
+
+  integrations: [
+  Sentry.browserTracingIntegration({
+    tracePropagationTargets: [
+      "localhost",
+      /^https:\/\/corex-supplements\.netlify\.app/,
+    ],
+  }),
+],
+  tracesSampleRate: import.meta.env.PROD ? 0.05 : 1.0,
+});
+
+
+export default Sentry;