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 <[email protected]>

apps/dashboard/src/lib/components/OrgSelector/OrgSelector.svelte

@@ -11,6 +11,7 @@
   import TextChip from '$lib/components/Chip/Text.svelte';
   import Plan from '$lib/components/Chip/Plan.svelte';
   import { PLAN_NAMES } from 'shared/src/plans/constants';
+  import { t } from '$lib/utils/functions/translations';
 
   export let canAddOrg = true;
 
@@ -90,7 +91,12 @@
         />
       {/each}
 
-      <OrgSelectorItem disabled={true} size="" text=" + Add Organization" onClick={handleAddOrg} />
+      <OrgSelectorItem
+        disabled={true}
+        size=""
+        text={$t('navigation.add_organization')}
+        onClick={handleAddOrg}
+      />
     </Popover>
   {/if}
 </div>