feature: Add i18n support. Fixes #57 (#635)

* feature(web): Add basic scaffolding for i18n

* refactor: Switch most of the app's strings to use i18n strings

* fix: Remove unused i18next-resources-for-ts command

* Add user setting

* More translations

* Drop the german translation for now

1 files changed, 5 insertions, 3 deletions

diff --git a/apps/web/components/dashboard/lists/AllListsView.tsx b/apps/web/components/dashboard/lists/AllListsView.tsx
index 308af5db..ab6e31d3 100644
--- a/apps/web/components/dashboard/lists/AllListsView.tsx
+++ b/apps/web/components/dashboard/lists/AllListsView.tsx
@@ -4,6 +4,7 @@ import Link from "next/link";
 import { EditListModal } from "@/components/dashboard/lists/EditListModal";
 import { Button } from "@/components/ui/button";
 import { CollapsibleTriggerChevron } from "@/components/ui/collapsible";
+import { useTranslation } from "@/lib/i18n/client";
 import { MoreHorizontal, Plus } from "lucide-react";
 
 import type { ZBookmarkList } from "@hoarder/shared/types/lists";
@@ -62,23 +63,24 @@ export default function AllListsView({
 }: {
   initialData: ZBookmarkList[];
 }) {
+  const { t } = useTranslation();
   return (
     <ul>
       <EditListModal>
         <Button className="mb-2 flex h-full w-full items-center">
           <Plus />
-          <span>New List</span>
+          <span>{t("lists.new_list")}</span>
         </Button>
       </EditListModal>
       <ListItem
         collapsible={false}
-        name="Favourites"
+        name={t("lists.favourites")}
         icon="⭐️"
         path={`/dashboard/favourites`}
       />
       <ListItem
         collapsible={false}
-        name="Archive"
+        name={t("common.archive")}
         icon="🗄️"
         path={`/dashboard/archive`}
       />