feat(i18n): implement localization using LinguiJS

apps/client/src/pages/dashboard/_components/sidebar.tsx

@@ -1,3 +1,4 @@
+import { t } from "@lingui/macro";
 import { FadersHorizontal, ReadCvLogo } from "@phosphor-icons/react";
 import { Button, KeyboardShortcut, Separator } from "@reactive-resume/ui";
 import { cn } from "@reactive-resume/utils";
@@ -33,21 +34,6 @@ interface SidebarItem {
   icon: React.ReactNode;
 }
 
-const sidebarItems: SidebarItem[] = [
-  {
-    path: "/dashboard/resumes",
-    name: "Resumes",
-    shortcut: "⇧R",
-    icon: <ReadCvLogo />,
-  },
-  {
-    path: "/dashboard/settings",
-    name: "Settings",
-    shortcut: "⇧S",
-    icon: <FadersHorizontal />,
-  },
-];
-
 type SidebarItemProps = SidebarItem & {
   onClick?: () => void;
 };
@@ -94,6 +80,21 @@ export const Sidebar = ({ setOpen }: SidebarProps) => {
     setOpen?.(false);
   });
 
+  const sidebarItems: SidebarItem[] = [
+    {
+      path: "/dashboard/resumes",
+      name: t`Resumes`,
+      shortcut: "⇧R",
+      icon: <ReadCvLogo />,
+    },
+    {
+      path: "/dashboard/settings",
+      name: t`Settings`,
+      shortcut: "⇧S",
+      icon: <FadersHorizontal />,
+    },
+  ];
+
   return (
     <div className="flex h-full flex-col gap-y-4">
       <div className="ml-12 flex justify-center lg:ml-0">