feat: Added detailed message for permission error and clean up english language from unused strings.

frontend/src/components/modals/filepicker/FilePickerError.tsx

@@ -1,10 +1,11 @@
 import { FC, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { IconContext } from 'react-icons';
-import { FaExclamationTriangle, FaQuestionCircle } from 'react-icons/fa';
+import { FaExclamationTriangle, FaQuestionCircle, FaUserSlash } from 'react-icons/fa';
 
 export enum FileErrorTypes {
   FileNotFound,
+  PermissionDenied,
   Unknown,
   None,
 }
@@ -25,6 +26,10 @@ const FilePickerError: FC<FilePickerErrorProps> = ({ error, rawError = null }) =
         setText(t('FilePickerError.errors.file_not_found'));
         setIcon(<FaExclamationTriangle />);
         break;
+      case FileErrorTypes.PermissionDenied:
+        setText(t('FilePickerError.errors.perm_denied'));
+        setIcon(<FaUserSlash />);
+        break;
       case FileErrorTypes.Unknown:
         setText(t('FilePickerError.errors.unknown', { raw_error: rawError }));
         setIcon(<FaQuestionCircle />);

frontend/src/components/modals/filepicker/index.tsx

@@ -210,6 +210,9 @@ const FilePicker: FunctionComponent<FilePickerProps> = ({
           case theError.match(/\[WinError\s3.*/i)?.input:
             setError(FileErrorTypes.FileNotFound);
             break;
+          case theError.match(/\[Errno\s13.*/i)?.input:
+            setError(FileErrorTypes.PermissionDenied);
+            break;
           default:
             setRawError(theError);
             setError(FileErrorTypes.Unknown);