Improve i18n IDE tooling

.vscode/extensions.json

@@ -1,5 +1,6 @@
 {
   "recommendations": [
-    "dbaeumer.vscode-eslint"
+    "dbaeumer.vscode-eslint",
+    "lokalise.i18n-ally"
   ]
 }

.vscode/settings.json

@@ -10,5 +10,10 @@
   },
   "editor.tabSize": 2,
   "scm.alwaysShowRepositories": true,
-  "scm.repositories.visible": 0
+  "scm.repositories.visible": 0,
+  "i18n-ally.localesPaths": [
+    "packages/client-core/i18n"
+  ],
+  "i18n-ally.keystyle": "nested",
+  "i18n-ally.namespace": true
 }

packages/client-core/src/admin/components/Project/BuildStatusDrawer.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
 
 import { BuildStatus } from '@etherealengine/common/src/interfaces/BuildStatus'
 import { getMutableState, useHookstate } from '@etherealengine/hyperflux'
@@ -30,6 +31,7 @@ const defaultBuildStatus = {
 }
 
 const BuildStatusDrawer = ({ open, onClose }: Props) => {
+  const { t } = useTranslation()
   const page = useHookstate(0)
   const rowsPerPage = useHookstate(10)
   const selectedStatusId = useHookstate(0)
@@ -137,7 +139,7 @@ const BuildStatusDrawer = ({ open, onClose }: Props) => {
   return (
     <DrawerView open={open} onClose={handleClose}>
       <Container maxWidth="sm" className={styles.mt20}>
-        <DialogTitle className={styles.textAlign}></DialogTitle>
+        <DialogTitle className={styles.textAlign}>{t('admin:components.project.buildStatus')}</DialogTitle>
         <TableComponent
           allowSort={false}
           fieldOrder={fieldOrder.value}