feat: add title meta tags

Author: agmmtoo

app/(auth)/login/page.tsx

@@ -1,4 +1,10 @@
 import { LoginForm } from '@/components/login-form'
+import type { Metadata } from 'next'
+import { SITE_NAME } from '@/lib/consts'
+
+export const metadata: Metadata = {
+  title: `Login · ${SITE_NAME}`,
+}
 
 export default async function Page({
   searchParams,

app/(auth)/signup/page.tsx

@@ -1,4 +1,10 @@
 import { SignUpForm } from '@/components/signup-form'
+import type { Metadata } from 'next'
+import { SITE_NAME } from '@/lib/consts'
+
+export const metadata: Metadata = {
+  title: `Signup · ${SITE_NAME}`,
+}
 
 export default async function Page() {
   return (

app/(protected)/borrows/page.tsx

@@ -20,6 +20,12 @@ import { getListBorrows } from '@/lib/api/borrow'
 import { Verify } from '@/lib/firebase/firebase'
 import { Book } from 'lucide-react'
 import Link from 'next/link'
+import type { Metadata } from 'next'
+import { SITE_NAME } from '@/lib/consts'
+
+export const metadata: Metadata = {
+  title: `Borrows · ${SITE_NAME}`,
+}
 
 export default async function Borrows({
   searchParams,

app/(protected)/staffs/page.tsx

@@ -26,6 +26,12 @@ import {
 import { getListStaffs } from '@/lib/api/staff'
 import { Verify } from '@/lib/firebase/firebase'
 import Link from 'next/link'
+import type { Metadata } from 'next'
+import { SITE_NAME } from '@/lib/consts'
+
+export const metadata: Metadata = {
+  title: `Staffs · ${SITE_NAME}`,
+}
 
 export default async function Staffs({
   searchParams,

app/(protected)/subscriptions/page.tsx

@@ -26,6 +26,12 @@ import { getListSubs } from '@/lib/api/subscription'
 import { Verify } from '@/lib/firebase/firebase'
 import { formatDate } from '@/lib/utils'
 import Link from 'next/link'
+import type { Metadata } from 'next'
+import { SITE_NAME } from '@/lib/consts'
+
+export const metadata: Metadata = {
+  title: `Subscriptions · ${SITE_NAME}`,
+}
 
 export default async function Subscriptions({
   searchParams,

app/books/page.tsx

@@ -24,6 +24,12 @@ import {
 } from '@/components/ui/table'
 import { getListBooks } from '@/lib/api/book'
 import Link from 'next/link'
+import type { Metadata } from 'next'
+import { SITE_NAME } from '@/lib/consts'
+
+export const metadata: Metadata = {
+  title: `Books · ${SITE_NAME}`,
+}
 
 export default async function Books({
   searchParams,

app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from 'next'
 import { Geist, Geist_Mono } from 'next/font/google'
 import './globals.css'
 import { Toaster } from '@/components/ui/toaster'
+import { SITE_NAME } from '@/lib/consts'
 
 const geistSans = Geist({
   variable: '--font-geist-sans',
@@ -14,8 +15,8 @@ const geistMono = Geist_Mono({
 })
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  title: SITE_NAME,
+  description: 'A simple library management system',
 }
 
 export default function RootLayout({

app/libraries/page.tsx

@@ -23,8 +23,14 @@ import {
   TableRow,
 } from '@/components/ui/table'
 import { getListLibraries } from '@/lib/api/library'
+import { SITE_NAME } from '@/lib/consts'
 import { formatDate } from '@/lib/utils'
 import Link from 'next/link'
+import type { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: `Libraries · ${SITE_NAME}`,
+}
 
 export default async function Libraries({
   searchParams,

app/memberships/page.tsx

@@ -24,6 +24,12 @@ import {
 } from '@/components/ui/table'
 import { getListMemberships } from '@/lib/api/membership'
 import Link from 'next/link'
+import type { Metadata } from 'next'
+import { SITE_NAME } from '@/lib/consts'
+
+export const metadata: Metadata = {
+  title: `Memberships · ${SITE_NAME}`,
+}
 
 export default async function Memberships({
   searchParams,

app/users/page.tsx

@@ -25,6 +25,12 @@ import {
 import { getListUsers } from '@/lib/api/user'
 import { formatDate } from '@/lib/utils'
 import Link from 'next/link'
+import type { Metadata } from 'next'
+import { SITE_NAME } from '@/lib/consts'
+
+export const metadata: Metadata = {
+  title: `Users · ${SITE_NAME}`,
+}
 
 export default async function Users({
   searchParams,