feat(i18n): update NavProjects component for internationalization support

messages/en-US.json

@@ -11,6 +11,13 @@
             "settings": "Settings",
             "logout": "Log out",
             "login": "Log in"
+        },
+        "NavProjects": {
+            "projects": "Projects",
+            "viewProject": "View Project",
+            "shareProject": "Share Project",
+            "deleteProject": "Delete Project",
+            "more": "More"
         }
     }
 }

messages/zh-CN.json

@@ -11,6 +11,13 @@
             "settings": "设置",
             "logout": "登出",
             "login": "登录"
+        },
+        "NavProjects": {
+            "projects": "项目",
+            "viewProject": "查看项目",
+            "shareProject": "分享项目",
+            "deleteProject": "删除项目",
+            "more": "更多"
         }
     }
 }

src/components/nav-projects.tsx

@@ -23,6 +23,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
+import { useTranslations } from "next-intl";
 
 export function NavProjects({
   projects,
@@ -34,10 +35,11 @@ export function NavProjects({
   }[];
 }) {
   const { isMobile } = useSidebar();
+  const t = useTranslations("Components.NavProjects");
 
   return (
     <SidebarGroup className="group-data-[collapsible=icon]:hidden">
-      <SidebarGroupLabel>Projects</SidebarGroupLabel>
+      <SidebarGroupLabel>{t("projects")}</SidebarGroupLabel>
       <SidebarMenu>
         {projects.map((item) => (
           <SidebarMenuItem key={item.name}>
@@ -51,7 +53,7 @@ export function NavProjects({
               <DropdownMenuTrigger asChild>
                 <SidebarMenuAction showOnHover>
                   <MoreHorizontal />
-                  <span className="sr-only">More</span>
+                  <span className="sr-only">{t("more")}</span>
                 </SidebarMenuAction>
               </DropdownMenuTrigger>
               <DropdownMenuContent
@@ -61,16 +63,16 @@ export function NavProjects({
               >
                 <DropdownMenuItem>
                   <Folder className="text-muted-foreground" />
-                  <span>View Project</span>
+                  <span>{t("viewProject")}</span>
                 </DropdownMenuItem>
                 <DropdownMenuItem>
                   <Share className="text-muted-foreground" />
-                  <span>Share Project</span>
+                  <span>{t("shareProject")}</span>
                 </DropdownMenuItem>
                 <DropdownMenuSeparator />
                 <DropdownMenuItem>
                   <Trash2 className="text-muted-foreground" />
-                  <span>Delete Project</span>
+                  <span>{t("deleteProject")}</span>
                 </DropdownMenuItem>
               </DropdownMenuContent>
             </DropdownMenu>
@@ -79,7 +81,7 @@ export function NavProjects({
         <SidebarMenuItem>
           <SidebarMenuButton>
             <MoreHorizontal />
-            <span>More</span>
+            <span>{t("more")}</span>
           </SidebarMenuButton>
         </SidebarMenuItem>
       </SidebarMenu>