Simplify label translations in columns

Closes #8922

frontend/src/InteractiveImport/Folder/InteractiveImportSelectFolderModalContent.tsx

@@ -25,15 +25,11 @@ import styles from './InteractiveImportSelectFolderModalContent.css';
 const recentFoldersColumns = [
   {
     name: 'folder',
-    get label() {
-      return translate('Folder');
-    },
+    label: () => translate('Folder'),
   },
   {
     name: 'lastUsed',
-    get label() {
-      return translate('LastUsed');
-    },
+    label: () => translate('LastUsed'),
   },
   {
     name: 'actions',

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.tsx

@@ -71,48 +71,36 @@ type OnSelectedChangeCallback = React.ComponentProps<
 const COLUMNS = [
   {
     name: 'relativePath',
-    get label() {
-      return translate('RelativePath');
-    },
+    label: () => translate('RelativePath'),
     isSortable: true,
     isVisible: true,
   },
   {
     name: 'movie',
-    get label() {
-      return translate('Movie');
-    },
+    label: () => translate('Movie'),
     isSortable: true,
     isVisible: true,
   },
   {
     name: 'releaseGroup',
-    get label() {
-      return translate('ReleaseGroup');
-    },
+    label: () => translate('ReleaseGroup'),
     isVisible: true,
   },
   {
     name: 'quality',
-    get label() {
-      return translate('Quality');
-    },
+    label: () => translate('Quality'),
     isSortable: true,
     isVisible: true,
   },
   {
     name: 'languages',
-    get label() {
-      return translate('Languages');
-    },
+    label: () => translate('Languages'),
     isSortable: true,
     isVisible: true,
   },
   {
     name: 'size',
-    get label() {
-      return translate('Size');
-    },
+    label: () => translate('Size'),
     isSortable: true,
     isVisible: true,
   },
@@ -139,22 +127,16 @@ const COLUMNS = [
 const importModeOptions = [
   {
     key: 'chooseImportMode',
-    get value() {
-      return translate('ChooseImportMode');
-    },
+    value: () => translate('ChooseImportMode'),
     disabled: true,
   },
   {
     key: 'move',
-    get value() {
-      return translate('MoveFiles');
-    },
+    value: () => translate('MoveFiles'),
   },
   {
     key: 'copy',
-    get value() {
-      return translate('HardlinkCopyFiles');
-    },
+    value: () => translate('HardlinkCopyFiles'),
   },
 ];
 

frontend/src/InteractiveImport/Movie/SelectMovieModalContent.tsx

@@ -29,30 +29,22 @@ import styles from './SelectMovieModalContent.css';
 const columns = [
   {
     name: 'title',
-    get label() {
-      return translate('Title');
-    },
+    label: () => translate('Title'),
     isVisible: true,
   },
   {
     name: 'year',
-    get label() {
-      return translate('Year');
-    },
+    label: () => translate('Year'),
     isVisible: true,
   },
   {
     name: 'imdbId',
-    get label() {
-      return translate('ImdbId');
-    },
+    label: () => translate('ImdbId'),
     isVisible: true,
   },
   {
     name: 'tmdbId',
-    get label() {
-      return translate('TmdbId');
-    },
+    label: () => translate('TmdbId'),
     isVisible: true,
   },
 ];

frontend/src/InteractiveImport/Movie/SelectMovieModalTableHeader.tsx

@@ -30,7 +30,7 @@ function SelectMovieModalTableHeader(props: SelectMovieModalTableHeaderProps) {
             }
             name={name}
           >
-            {label}
+            {typeof label === 'function' ? label() : label}
           </VirtualTableHeaderCell>
         );
       })}