Various fixes for desktop (#4976)

# Description of Changes
- ~Force classic logo~
- Refer to email instead of username in SaaS sign in flow
- Allow drag-and-drop files into desktop app
- Convert terminology & icons from upload/download to open/save in
desktop version

frontend/src/core/components/fileEditor/AddFileCard.tsx

@@ -6,6 +6,8 @@ import { useFilesModalContext } from '@app/contexts/FilesModalContext';
 import LocalIcon from '@app/components/shared/LocalIcon';
 import { BASE_PATH } from '@app/constants/app';
 import styles from '@app/components/fileEditor/FileEditor.module.css';
+import { useFileActionTerminology } from '@app/hooks/useFileActionTerminology';
+import { useFileActionIcons } from '@app/hooks/useFileActionIcons';
 
 interface AddFileCardProps {
   onFileSelect: (files: File[]) => void;
@@ -23,6 +25,8 @@ const AddFileCard = ({
   const { openFilesModal } = useFilesModalContext();
   const { colorScheme } = useMantineColorScheme();
   const [isUploadHover, setIsUploadHover] = useState(false);
+  const terminology = useFileActionTerminology();
+  const icons = useFileActionIcons();
 
   const handleCardClick = () => {
     openFilesModal();
@@ -152,10 +156,10 @@ const AddFileCard = ({
               onClick={handleNativeUploadClick}
               onMouseEnter={() => setIsUploadHover(true)}
             >
-              <LocalIcon icon="upload" width="1.25rem" height="1.25rem" style={{ color: 'var(--accent-interactive)' }} />
+              <LocalIcon icon={icons.uploadIconName} width="1.25rem" height="1.25rem" style={{ color: 'var(--accent-interactive)' }} />
               {isUploadHover && (
                 <span style={{ marginLeft: '.5rem' }}>
-                  {t('landing.uploadFromComputer', 'Upload from computer')}
+                  {terminology.uploadFromComputer}
                 </span>
               )}
             </Button>
@@ -166,7 +170,7 @@ const AddFileCard = ({
             className="text-[var(--accent-interactive)]"
             style={{ fontSize: '.8rem', textAlign: 'center', marginTop: '0.5rem' }}
           >
-            {t('fileUpload.dropFilesHere', 'Drop files here or click the upload button')}
+            {terminology.dropFilesHere}
           </span>
         </div>
       </div>

frontend/src/core/components/fileEditor/FileEditorThumbnail.tsx

@@ -3,7 +3,8 @@ import { Text, ActionIcon, CheckboxIndicator, Tooltip, Modal, Button, Group, Sta
 import { useIsMobile } from '@app/hooks/useIsMobile';
 import { alert } from '@app/components/toast';
 import { useTranslation } from 'react-i18next';
-import DownloadOutlinedIcon from '@mui/icons-material/DownloadOutlined';
+import { useFileActionTerminology } from '@app/hooks/useFileActionTerminology';
+import { useFileActionIcons } from '@app/hooks/useFileActionIcons';
 import CloseIcon from '@mui/icons-material/Close';
 import VisibilityIcon from '@mui/icons-material/Visibility';
 import UnarchiveIcon from '@mui/icons-material/Unarchive';
@@ -57,6 +58,9 @@ const FileEditorThumbnail = ({
   isSupported = true,
 }: FileEditorThumbnailProps) => {
   const { t } = useTranslation();
+  const terminology = useFileActionTerminology();
+  const icons = useFileActionIcons();
+  const DownloadOutlinedIcon = icons.download;
   const {
     pinFile,
     unpinFile,
@@ -204,7 +208,7 @@ const FileEditorThumbnail = ({
     {
       id: 'download',
       icon: <DownloadOutlinedIcon style={{ fontSize: 20 }} />,
-      label: t('download', 'Download'),
+      label: terminology.download,
       onClick: (e) => {
         e.stopPropagation();
         onDownloadFile(file.id);