fix: use translated strings

Author: Arcath

app/locales/en.ts

@@ -19,6 +19,9 @@ export const en = {
   'nav.logout': 'Logout',
   'dashboard.pageTitle': 'Open School Bell',
   'dashboard.devices': 'Sounders',
+  'dashboard.services': 'Services',
+  'dashboard.services.background': 'Background Worker',
+  'dashboard.services.tts': 'Text-To-Speech Engine',
   'dashboard.table.name': 'Name',
   'dashboard.table.status': 'Status',
   'dashboard.table.lastSeen': 'Last Seen',

app/routes/_index.tsx

@@ -191,7 +191,7 @@ export default function Index() {
           </table>
         </div>
         <div className="box">
-          <h2>Services</h2>
+          <h2>{t('dashboard.services')}</h2>
           <table className="box-table">
             <thead>
               <tr>
@@ -202,7 +202,7 @@ export default function Index() {
             </thead>
             <tbody>
               <tr>
-                <td>Background Worker</td>
+                <td>{t('dashboard.services.background')}</td>
                 <td className="text-center">
                   {new Date().getTime() / 1000 -
                     new Date(JSON.parse(workerLastSeen)).getTime() / 1000 <
@@ -218,7 +218,7 @@ export default function Index() {
                 </td>
               </tr>
               <tr>
-                <td>Text-To-Speech Engine</td>
+                <td>{t('dashboard.services.tts')}</td>
                 <td className="text-center">
                   {new Date().getTime() / 1000 -
                     new Date(JSON.parse(ttsLastSeen)).getTime() / 1000 <