docs: how to translate dashboard (#292)

* add cloud translation api package

* feat: Script that auto generates translations for other languages

* add comments

* fix: broken translation

* improve translation

* update locck file

* clean up

* all round trasnlations check

* checkpoint

* finish up

* move to dev dependencies

* fix vercel build error

* translations fix

* - add documentation
- translation bug fix

* quick adjust

* PR Fixes

* add new line

* update docs

---------

Co-authored-by: Rotimi Best <best@classroomio.com>

apps/dashboard/src/lib/components/Org/Settings/Integrations.svelte

@@ -72,15 +72,15 @@
           <h3 class="font-normal text-lg">
             {$t('settings.integrations.sub_heading')}
           </h3>
-          <h4 class="font-normal">{$t('settings.integrations.step_1')}</h4>
+          <h4 class="font-normal">{$t('settings.integrations.step_authenticate')}</h4>
           <PrimaryButton
             className="mb-5"
             variant={VARIANTS.OUTLINED}
             onClick={() => window.open('https://t.me/classroomio_bot', '_blank')}
-            ><span class="mr-2">{$t('settings.integrations.button_1')}</span>
+            ><span class="mr-2">{$t('settings.integrations.open_bot_button')}</span>
             <ArrowUpRightIcon /></PrimaryButton
           >
-          <h4 class="font-normal">{$t('settings.integrations.step_2')}</h4>
+          <h4 class="font-normal">{$t('settings.integrations.step_chatId')}</h4>
           <TextField
             bind:value={chatId}
             placeholder="360111"
@@ -88,7 +88,9 @@
             type="number"
             isRequired
           />
-          <PrimaryButton onClick={addChatId}>{$t('settings.integrations.button_2')}</PrimaryButton>
+          <PrimaryButton onClick={addChatId}
+            >{$t('settings.integrations.connect_button')}</PrimaryButton
+          >
         </div>
       {/if}
     </Column>

apps/dashboard/src/lib/components/Org/Settings/index.svelte

@@ -45,35 +45,35 @@
     tabs = [
       {
         key: 0,
-        label: $t('settings.tabs.1'),
+        label: $t('settings.tabs.profile_tab'),
         tabKey: '',
         href: $page.url.pathname,
         disabled: false
       },
       {
         key: 1,
-        label: $t('settings.tabs.2'),
+        label: $t('settings.tabs.organization_tab'),
         tabKey: 'org',
         href: `${$page.url.pathname}?tab=org`,
         disabled: !$isOrgAdmin
       },
       {
         key: 2,
-        label: $t('settings.tabs.3'),
+        label: $t('settings.tabs.landing_page_tab'),
         tabKey: 'landingpage',
         href: `${$page.url.pathname}?tab=landingpage`,
         disabled: !$isOrgAdmin
       },
       {
         key: 3,
-        label: $t('settings.tabs.4'),
+        label: $t('settings.tabs.billing_tab'),
         tabKey: 'billing',
         href: `${$page.url.pathname}?tab=billing`,
         disabled: !$isOrgAdmin
       },
       {
         key: 4,
-        label: $t('settings.tabs.5'),
+        label: $t('settings.tabs.integrations_tab'),
         tabKey: 'integrations',
         href: `${$page.url.pathname}?tab=integrations`,
         disabled: false