feat(i18n): restructure translation files and update NavUser component for internationalization support

messages/en-US.json

@@ -1,5 +1,16 @@
 {
+    "Page": {
         "DashboardPage": {
             "title": "Welcome to Judge4c!"
         }
+    },
+    "Components": {
+        "NavUser": {
+            "profile": "Profile",
+            "notifications": "Notifications",
+            "settings": "Settings",
+            "logout": "Log out",
+            "login": "Log in"
+        }
+    }
 }

messages/zh-CN.json

@@ -1,5 +1,16 @@
 {
+    "Page": {
         "DashboardPage": {
-        "title": "欢迎来到 Judge4c！"
+            "title": "欢迎使用Judge4c！"
+        }
+    },
+    "Components": {
+        "NavUser": {
+            "profile": "个人资料",
+            "notifications": "通知",
+            "settings": "设置",
+            "logout": "登出",
+            "login": "登录"
+        }
     }
 }

src/app/dashboard/page.tsx

@@ -1,7 +1,7 @@
 import { useTranslations } from "next-intl";
 
 export default function DashboardPage() {
-  const t = useTranslations("DashboardPage");
+  const t = useTranslations("Page.DashboardPage");
   return (
     <div className="flex flex-1 flex-col gap-4 p-4 pt-0">
       <div className="grid auto-rows-min gap-4 md:grid-cols-3">

src/components/nav-user.tsx

@@ -24,6 +24,7 @@ import {
   DropdownMenuTrigger,
   DropdownMenuSeparator,
 } from "@/components/ui/dropdown-menu";
+import { useTranslations } from "next-intl";
 import useConfirmationStore from "@/store/confirmationStore";
 import { signIn, signOut, useSession } from "next-auth/react";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
@@ -46,6 +47,7 @@ export const NavUser = ({
 }) => {
   const { isMobile } = useSidebar();
   const { data: session } = useSession();
+  const t = useTranslations("Components.NavUser");
   const { openConfirmation } = useConfirmationStore();
 
   const currentUser = useMemo(() => {
@@ -106,18 +108,18 @@ export const NavUser = ({
                 <DropdownMenuGroup>
                   <DropdownMenuItem>
                     <CircleUserRound />
-                    Profile
+                    {t("profile")}
                   </DropdownMenuItem>
                 </DropdownMenuGroup>
                 <DropdownMenuSeparator />
                 <DropdownMenuGroup>
                   <DropdownMenuItem>
                     <Bell />
-                    Notifications
+                    {t("notifications")}
                   </DropdownMenuItem>
                   <DropdownMenuItem>
                     <Settings />
-                    Settings
+                    {t("settings")}
                   </DropdownMenuItem>
                 </DropdownMenuGroup>
                 <DropdownMenuSeparator />
@@ -137,7 +139,7 @@ export const NavUser = ({
                     }}
                   >
                     <LogOut />
-                    Log out
+                    {t("logout")}
                   </DropdownMenuItem>
                 </DropdownMenuGroup>
               </>
@@ -145,7 +147,7 @@ export const NavUser = ({
               <DropdownMenuGroup>
                 <DropdownMenuItem onClick={() => signIn()}>
                   <LogIn />
-                  Log in
+                  {t("login")}
                 </DropdownMenuItem>
               </DropdownMenuGroup>
             )}