ADD edge to compatible browsers

Author: sproutmaster

web/src/components/shared/DeviceWarning.jsx

@@ -1,17 +1,17 @@
 import React from 'react';
-import {browserName, isChrome, isDesktop, isFirefox, isTablet} from 'react-device-detect';
+import {browserName, isChrome, isEdgeChromium, isDesktop, isFirefox, isTablet} from 'react-device-detect';
 import {useSnackbar} from 'notistack';
 
 export default function DeviceWarning() {
   const {enqueueSnackbar} = useSnackbar();
 
   React.useEffect(() => {
     const acceptDevice = isDesktop || isTablet;
-    const acceptBrowser = isChrome || isFirefox;
+    const acceptBrowser = isChrome || isFirefox || isEdgeChromium;
     if (!acceptBrowser) {
       enqueueSnackbar(`We noticed you are on ${browserName}. ` +
         'Some things may not work as intended. ' +
-        'Try Firefox or Chrome if you run into any issues!', {variant: 'warning'});
+        'Try Firefox, Chrome or Edge if you run into any issues!', {variant: 'warning'});
       return;
     }
     if (!acceptDevice) {