Added sentry to support error on Portal (#20890)

ref PLG-204

- Added a sentry capture so we know when and if the support error
component gets triggered.

apps/portal/src/components/pages/SupportError.js

@@ -3,6 +3,7 @@ import AppContext from '../../AppContext';
 import CloseButton from '../common/CloseButton';
 import ActionButton from '../common/ActionButton';
 import {ReactComponent as WarningIcon} from '../../images/icons/warning-outline.svg';
+import * as Sentry from '@sentry/react';
 
 export const TipsAndDonationsErrorStyle = `
     .gh-portal-tips-and-donations .gh-tips-and-donations-icon-error {
@@ -29,6 +30,10 @@ const SupportError = ({error}) => {
     const errorMessage = error || t('There was an error processing your payment. Please try again.');
     const buttonLabel = t('Close');
 
+    if (error) { // Log error to Sentry
+        Sentry.captureException(error);
+    }
+
     return (
         <div className='gh-portal-content gh-portal-tips-and-donations'>
             <CloseButton />