integrate sentry for error logging

client/next.config.js

@@ -1,5 +1,6 @@
 const { version } = require('../package.json');
 const { i18n } = require('./next-i18next.config');
+const { withSentryConfig } = require('@sentry/nextjs');
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -15,6 +16,10 @@ const nextConfig = {
     domains: ['cdn.rxresu.me', 'www.gravatar.com'],
   },
 
+  sentry: {
+    hideSourceMaps: true,
+  },
+
   // Hack to make Tailwind darkMode 'class' strategy with CSS Modules
   // Ref: https://github.com/tailwindlabs/tailwindcss/issues/3258#issuecomment-968368156
   webpack: (config) => {
@@ -47,4 +52,9 @@ const nextConfig = {
   },
 };
 
-module.exports = nextConfig;
+/** @type {import('@sentry/nextjs').SentryWebpackPluginOptions} */
+const sentryConfig = {
+  silent: true,
+};
+
+module.exports = withSentryConfig(nextConfig, sentryConfig);