Support I18n (#243)

* feat: support i18n

* feat: wip support i18n

* feat: complete space translation

* feat: complete page translation

* feat: update space translation

* feat: update workspace translation

* feat: update group translation

* feat: update workspace translation

* feat: update page translation

* feat: update user translation

* chore: update pnpm-lock

* feat: add query translation

* refactor: merge to single file

* chore: remove necessary code

* feat: save language to BE

* fix: only load current language

* feat: save language to locale column

* fix: cleanups

* add language menu to preferences page

* new translations

* translate editor

* Translate editor placeholders

* translate space selection component

---------

Co-authored-by: Philip Okugbe <phil@docmost.com>
Co-authored-by: Philip Okugbe <16838612+Philipinho@users.noreply.github.com>

apps/client/src/features/space/components/space-grid.tsx

@@ -5,8 +5,10 @@ import { getSpaceUrl } from "@/lib/config.ts";
 import { Link } from "react-router-dom";
 import classes from "./space-grid.module.css";
 import { formatMemberCount } from "@/lib";
+import { useTranslation } from "react-i18next";
 
 export default function SpaceGrid() {
+  const { t } = useTranslation();
   const { data, isLoading } = useGetSpacesQuery();
 
   const cards = data?.items.map((space, index) => (
@@ -33,7 +35,7 @@ export default function SpaceGrid() {
       </Text>
 
       <Text c="dimmed" size="xs" fw={700} mt="md">
-        {formatMemberCount(space.memberCount)}
+        {formatMemberCount(space.memberCount, t)}
       </Text>
     </Card>
   ));
@@ -41,7 +43,7 @@ export default function SpaceGrid() {
   return (
     <>
       <Text fz="sm" fw={500} mb={"md"}>
-        Spaces you belong to
+        {t("Spaces you belong to")}
       </Text>
 
       <SimpleGrid cols={{ base: 1, xs: 2, sm: 3 }}>{cards}</SimpleGrid>