feat: replace hard-coded content with i18n translation keys

src/components/DataTable.vue

@@ -16,14 +16,14 @@ defineProps<Props>();
           v-for="(heading, idx) in headings"
           :key="idx"
         >
-          {{ heading }}
+          {{ $t(heading) }}
         </th>
       </tr>
     </thead>
     <tbody class="data-table__body">
       <tr class="data-table__row" v-for="(row, idx) in data" :key="idx">
         <td class="data-table__cell" v-for="(cell, idx) in row" :key="idx">
-          {{ cell }}
+          {{ $t(cell) }}
         </td>
       </tr>
     </tbody>