Deps Update, CSSNano, Sentry env (#210)

1. Update dependencies
2. Use cssnano for production
3. Assign an environment variable to Sentry's environment settings
4. `Pill` now accepts React Nodes so we can pass translations using Trans component
5. Switch to mailpit API during tests
6. Do not require Email Sender to be of type email and add proper error messages

apps/dev-tool/app/lib/connectivity-service.ts

@@ -127,7 +127,7 @@ class ConnectivityService {
     }
 
     const webhooksSecret = await getVariable(
-      'STRIPE_WEBHOOKS_SECRET',
+      'STRIPE_WEBHOOK_SECRET',
       this.mode,
     );
 

apps/dev-tool/app/variables/lib/env-variables-model.ts

@@ -1045,6 +1045,39 @@ export const envVariables: EnvVariableModel[] = [
       return z.enum(['baselime', 'sentry', '']).optional().safeParse(value);
     },
   },
+  {
+    name: 'NEXT_PUBLIC_SENTRY_DSN',
+    description: 'The Sentry DSN to use.',
+    category: 'Monitoring',
+    contextualValidation: {
+      dependencies: [
+        {
+          variable: 'NEXT_PUBLIC_MONITORING_PROVIDER',
+          condition: (value) => value === 'sentry',
+          message:
+            'NEXT_PUBLIC_SENTRY_DSN is required when NEXT_PUBLIC_MONITORING_PROVIDER is set to "sentry"',
+        },
+      ],
+      validate: ({ value }) => {
+        return z
+          .string()
+          .min(
+            1,
+            `The NEXT_PUBLIC_SENTRY_DSN variable must be at least 1 character`,
+          )
+          .safeParse(value);
+      },
+    },
+  },
+  {
+    name: 'NEXT_PUBLIC_SENTRY_ENVIRONMENT',
+    description: 'The Sentry environment to use.',
+    category: 'Monitoring',
+    required: true,
+    validate: ({ value }) => {
+      return z.string().optional().safeParse(value);
+    },
+  },
   {
     name: 'NEXT_PUBLIC_BASELIME_KEY',
     description: 'The Baselime key to use.',