Add full name to titles

package.json

@@ -20,6 +20,10 @@
     "@stripe/stripe-js": "2.2.1",
     "@tailwindcss/forms": "0.5.7",
     "@tailwindcss/typography": "^0.5.4",
+    "@types/ical": "^0.8.3",
+    "@types/react": "18.2.18",
+    "@types/react-dom": "18.2.7",
+    "@types/webpack-env": "^1.18.1",
     "autoprefixer": "^10.4.12",
     "cheerio": "^1.0.0-rc.12",
     "clsx": "^1.2.1",
@@ -39,14 +43,10 @@
     "typescript": "5.1.6"
   },
   "devDependencies": {
-    "@types/ical": "^0.8.3",
     "@types/node": "20.4.7",
-    "@types/react": "18.2.18",
-    "@types/react-dom": "18.2.7",
-    "@types/webpack-env": "^1.18.1",
     "eslint": "8.45.0",
     "eslint-config-next": "13.4.16",
     "prettier": "^3.0.1",
     "prettier-plugin-tailwindcss": "^0.5.2"
   }
-}
+}

src/app/calendar/page.tsx

@@ -110,7 +110,7 @@ export default async function Calendar() {
         <Container className="mt-16 sm:mt-32">
             <header className="max-w-2xl">
                 <h1 className="text-4xl font-bold tracking-tight text-zinc-800 sm:text-5xl">
-                    Hall Calendar
+                    West Sound Hall Calendar
                 </h1>
             </header>
             <CalendarComponent calendar={calendar} />

src/app/hall-history/page.tsx

@@ -79,7 +79,7 @@ function DateListItem({
 }
 
 export const metadata: Metadata = {
-  title: 'History',
+  title: 'West Sound Hall History',
   description:
     'The history of the West Sound Community Hall on Orcas Island.',
 }

src/app/rental/page.tsx

@@ -55,7 +55,7 @@ export default function Rental() {
         </div>
         <div className="lg:order-first lg:row-span-2">
           <h1 className="text-4xl font-bold tracking-tight text-zinc-800 sm:text-5xl">
-            Hall Rental
+            West Sound Hall Rental
           </h1>
           <div className="mt-6 space-y-7 text-base text-zinc-600">
             <p>