Add commas to table and justify it left on the page

Author: andrewtavis

frontend/app/pages/docs/server/available-data.vue

@@ -9,7 +9,7 @@
       {{ $t("i18n._global.available_data") }}
     </h1>
     <p>{{ $t("i18n.pages.docs.server.available_data.table_description") }}</p>
-    <div class="my-6 flex justify-center">
+    <div class="my-6 flex">
       <div class="w-full max-w-4xl overflow-x-auto">
         <table class="min-w-full divide-y divide-distinct-text">
           <thead class="bg-highlight">
@@ -37,10 +37,10 @@
                 {{ item.language_name }}
               </td>
               <td class="whitespace-nowrap px-6 py-4 text-primary-text">
-                {{ item.nouns }}
+                {{ item.nouns.toLocaleString() }}
               </td>
               <td class="whitespace-nowrap px-6 py-4 text-primary-text">
-                {{ item.verbs }}
+                {{ item.verbs.toLocaleString() }}
               </td>
             </tr>
           </tbody>
@@ -53,7 +53,11 @@
 <script setup lang="ts">
 import { onMounted, ref } from "vue";
 
-type LanguageDataStat = Record<string, unknown>;
+interface LanguageDataStat {
+  language_name: string;
+  nouns: number;
+  verbs: number;
+}
 
 const languageData = ref<LanguageDataStat[]>([]);
 const error = ref<string | null>(null);