fix: Use Next.js' way of adding webpack plugins (#6149)

* fix: Use Next.js' way of adding webpack plugins

* deps: Bump Sentry SDK to version `7.84.0`

next.config.mjs

@@ -2,7 +2,6 @@
 
 import { withSentryConfig } from '@sentry/nextjs';
 import withNextIntl from 'next-intl/plugin';
-import webpack from 'webpack';
 
 import {
   BASE_PATH,
@@ -48,7 +47,7 @@ const nextConfig = {
   // we also configure ESLint to run its lint checking on all files (next lint)
   eslint: { dirs: ['.'], ignoreDuringBuilds: true },
   // Adds custom WebPack configuration to our Next.hs setup
-  webpack: function (config) {
+  webpack: function (config, { webpack }) {
     // Next.js WebPack Bundler does not know how to handle `.mjs` files on `node_modules`
     // This is not an issue when using TurboPack as it uses SWC and it is ESM-only
     // Once Next.js uses Turbopack for their build process we can remove this

package.json

@@ -47,7 +47,7 @@
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
-    "@sentry/nextjs": "~7.80.1",
+    "@sentry/nextjs": "~7.84.0",
     "@types/node": "20.8.10",
     "@vcarl/remark-headings": "~0.1.0",
     "@vercel/analytics": "~1.1.1",