Incorporate i18n into UI elements (#1471)

* Update zh-tw string table (till 975343d2)
* Prepare localization table
* Implement i18n for Performers & Tags
* Add "add" action strings
* Use Lodash merge for deep merging language JSONs

The original implementation does not properly merge language files, causing unexpected localization string fallback behavior.

* Localize pagination strings
* Use Field name value as null id fallback

...otherwise FormattedMessage is gonna throw when the ID is null

* Use localized "Path" string for all instances
* Localize the "Interface" tab under settings
* Localize scene & performer cards
* Rename locale folder for better compatibility with i18n-ally
* Localize majority of the categories and features

ui/v2.5/src/components/Shared/ExportDialog.tsx

@@ -5,6 +5,7 @@ import { Modal } from "src/components/Shared";
 import { useToast } from "src/hooks";
 import { downloadFile } from "src/utils";
 import { ExportObjectsInput } from "src/core/generated-graphql";
+import { useIntl } from "react-intl";
 
 interface IExportDialogProps {
   exportInput: ExportObjectsInput;
@@ -19,6 +20,7 @@ export const ExportDialog: React.FC<IExportDialogProps> = (
   // Network state
   const [isRunning, setIsRunning] = useState(false);
 
+  const intl = useIntl();
   const Toast = useToast();
 
   async function onExport() {
@@ -46,11 +48,14 @@ export const ExportDialog: React.FC<IExportDialogProps> = (
     <Modal
       show
       icon="cogs"
-      header="Export"
-      accept={{ onClick: onExport, text: "Export" }}
+      header={intl.formatMessage({ id: "dialogs.export_title" })}
+      accept={{
+        onClick: onExport,
+        text: intl.formatMessage({ id: "actions.export" }),
+      }}
       cancel={{
         onClick: () => props.onClose(),
-        text: "Cancel",
+        text: intl.formatMessage({ id: "actions.cancel" }),
         variant: "secondary",
       }}
       isRunning={isRunning}
@@ -60,7 +65,9 @@ export const ExportDialog: React.FC<IExportDialogProps> = (
           <Form.Check
             id="include-dependencies"
             checked={includeDependencies}
-            label="Include related objects in export"
+            label={intl.formatMessage({
+              id: "dialogs.export_include_related_objects",
+            })}
             onChange={() => setIncludeDependencies(!includeDependencies)}
           />
         </Form.Group>