feat: set correct page title for each page

app/(admin)/(activity-management)/events/[id]/page.tsx

@@ -1,9 +1,14 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { Suspense } from "react";
 import { EventDetailsCard } from "./_components/event-details-card";
 import { Header } from "./_components/header";
 import { UserCard } from "./_components/user-card";
 
+export const metadata: Metadata = {
+  title: "事件詳情",
+};
+
 export default async function EventPage({
   params,
 }: {

app/(admin)/(activity-management)/events/page.tsx

@@ -1,6 +1,11 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { EventsDataTable } from "./_components/data-table";
 
+export const metadata: Metadata = {
+  title: "事件管理",
+};
+
 export default function Page() {
   return (
     <>

app/(admin)/(activity-management)/points/[id]/page.tsx

@@ -1,9 +1,14 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { Suspense } from "react";
 import { Header } from "./_components/header";
 import { PointDetailsCard } from "./_components/point-details-card";
 import { UserCard } from "./_components/user-card";
 
+export const metadata: Metadata = {
+  title: "積分記錄詳情",
+};
+
 export default async function PointPage({
   params,
 }: {

app/(admin)/(activity-management)/points/page.tsx

@@ -1,6 +1,11 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { PointsDataTable } from "./_components/data-table";
 
+export const metadata: Metadata = {
+  title: "積分管理",
+};
+
 export default function Page() {
   return (
     <>

app/(admin)/(activity-management)/submissions/[id]/page.tsx

@@ -1,10 +1,15 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { Suspense } from "react";
 import { Header } from "./_components/header";
 import { ResultCard } from "./_components/result-card";
 import { SubmissionDetailsCard } from "./_components/submission-details-card";
 import { UserCard } from "./_components/user-card";
 
+export const metadata: Metadata = {
+  title: "提交記錄詳情",
+};
+
 export default async function SubmissionPage({
   params,
 }: {

app/(admin)/(activity-management)/submissions/page.tsx

@@ -1,6 +1,11 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { SubmissionsDataTable } from "./_components/data-table";
 
+export const metadata: Metadata = {
+  title: "提交記錄",
+};
+
 export default function Page() {
   return (
     <>

app/(admin)/(question-management)/database/[id]/page.tsx

@@ -1,4 +1,5 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { Suspense } from "react";
 import { DeleteDatabaseButtonTrigger } from "../_components/delete";
 import { UpdateDatabaseButtonTrigger } from "../_components/update";
@@ -7,6 +8,10 @@ import { Header } from "./_components/header";
 import { RelationCard } from "./_components/relation-card";
 import { SchemaCard } from "./_components/schema-card";
 
+export const metadata: Metadata = {
+  title: "資料庫資訊",
+};
+
 export default async function DatabasePage({
   params,
 }: {

app/(admin)/(question-management)/database/page.tsx

@@ -1,7 +1,12 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { CreateDatabaseTrigger } from "./_components/create";
 import { DatabaseDataTable } from "./_components/data-table";
 
+export const metadata: Metadata = {
+  title: "資料庫",
+};
+
 export default function Page() {
   return (
     <>

app/(admin)/(question-management)/questions/[id]/page.tsx

@@ -1,4 +1,5 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { Suspense } from "react";
 import { DeleteQuestionButtonTrigger } from "../_components/delete";
 import { UpdateQuestionButtonTrigger } from "../_components/update";
@@ -7,6 +8,10 @@ import { DatabaseCard } from "./_components/database-card";
 import { DescriptionCard } from "./_components/description-card";
 import { Header } from "./_components/header";
 
+export const metadata: Metadata = {
+  title: "題目資訊",
+};
+
 export default async function QuestionPage({
   params,
 }: {

app/(admin)/(question-management)/questions/page.tsx

@@ -1,7 +1,12 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { CreateQuestionTrigger } from "./_components/create";
 import { QuestionsDataTable } from "./_components/data-table";
 
+export const metadata: Metadata = {
+  title: "題庫",
+};
+
 export default function Page() {
   return (
     <>

app/(admin)/(user-management)/groups/[id]/page.tsx

@@ -1,4 +1,5 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { Suspense } from "react";
 import { DeleteGroupButtonTrigger } from "../_components/delete";
 import { UpdateGroupButtonTrigger } from "../_components/update";
@@ -7,6 +8,10 @@ import { Header } from "./_components/header";
 import { MembersCard } from "./_components/members-card";
 import { ScopeCard } from "./_components/scope-card";
 
+export const metadata: Metadata = {
+  title: "群組資訊",
+};
+
 export default async function GroupPage({
   params,
 }: {

app/(admin)/(user-management)/groups/page.tsx

@@ -1,7 +1,12 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { CreateGroupTrigger } from "./_components/create";
 import { GroupDataTable } from "./_components/data-table";
 
+export const metadata: Metadata = {
+  title: "群組",
+};
+
 export default function GroupsPage() {
   return (
     <>

app/(admin)/(user-management)/scopesets/[id]/page.tsx

@@ -1,11 +1,16 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { Suspense } from "react";
 import { DeleteScopeSetButtonTrigger } from "../_components/delete";
 import { UpdateScopeSetButtonTrigger } from "../_components/update";
 import { GroupsCard } from "./_components/groups";
 import { Header } from "./_components/header";
 import { ScopesCard } from "./_components/scopes";
 
+export const metadata: Metadata = {
+  title: "權限集資訊",
+};
+
 export default async function ScopeSetPage({
   params,
 }: {

app/(admin)/(user-management)/scopesets/page.tsx

@@ -1,7 +1,12 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { CreateScopeSetTrigger } from "./_components/create";
 import { ScopeSetDataTable } from "./_components/data-table";
 
+export const metadata: Metadata = {
+  title: "權限集",
+};
+
 export default function ScopesetPage() {
   return (
     <>

app/(admin)/(user-management)/users/[id]/page.tsx

@@ -1,4 +1,5 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { Suspense } from "react";
 import { DeleteUserButtonTrigger } from "../_components/delete";
 import { ImpersonateUserButtonTrigger } from "../_components/impersonate";
@@ -8,6 +9,10 @@ import { AuditInfoCard } from "./_components/audit-info";
 import { GroupsCard } from "./_components/groups";
 import { Header } from "./_components/header";
 
+export const metadata: Metadata = {
+  title: "使用者資訊",
+};
+
 export default async function UserPage({
   params,
 }: {

app/(admin)/(user-management)/users/page.tsx

@@ -1,6 +1,11 @@
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
 import { UsersDataTable } from "./_components/data-table";
 
+export const metadata: Metadata = {
+  title: "使用者",
+};
+
 export default function Page() {
   return (
     <>

app/(admin)/me/page.tsx

@@ -1,8 +1,13 @@
 import { SiteHeader } from "@/components/site-header";
 import { Separator } from "@/components/ui/separator";
+import type { Metadata } from "next";
 import { Suspense } from "react";
 import { MeForm } from "./_components/form";
 
+export const metadata: Metadata = {
+  title: "個人資訊",
+};
+
 export default function Me() {
   return (
     <>

app/(admin)/page.tsx

@@ -1,5 +1,10 @@
 import { DataTableSkeleton } from "@/components/data-table/skeleton";
 import { SiteHeader } from "@/components/site-header";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "概覽",
+};
 
 export default function Home() {
   return (

app/forbidden/page.tsx

@@ -6,6 +6,11 @@ import { AlertTriangle } from "lucide-react";
 import Link from "next/link";
 import { UserInfo } from "./user-info";
 
+import type { Metadata } from "next";
+export const metadata: Metadata = {
+  title: "權限不足",
+};
+
 export default async function ForbiddenPage() {
   await redirectIfAuthenticated();
 

app/layout.tsx

@@ -18,8 +18,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Database Playground Admin",
-  description: "Managing your Database Playground instance.",
+  title: { template: "%s | 管理介面 | 資料庫練功坊", default: "預設頁面" },
+  description: "管理資料庫練功坊的題目、使用者、做題記錄等。",
 };
 
 export const experimental_ppr = true;

app/login/page.tsx

@@ -1,6 +1,7 @@
 import { LoginForm } from "@/components/login-form";
 import { Logo } from "@/components/logo";
 import { redirectIfAuthenticated } from "@/lib/auth.rsc";
+import type { Metadata } from "next";
 import Link from "next/link";
 
 interface LoginPageProps {
@@ -12,6 +13,10 @@ interface LoginPageProps {
   }>;
 }
 
+export const metadata: Metadata = {
+  title: "登入",
+};
+
 export default async function LoginPage({ searchParams }: LoginPageProps) {
   // Redirect if already authenticated
   await redirectIfAuthenticated();