metadata multiple pages

apps/app/src/app/(combo)/(legal)/terms-and-conditions/page.tsx

@@ -1,9 +1,12 @@
 import React from 'react';
 import { termsAndConditions } from './termsAndConditions';
+import { Metadata } from 'next';
 
-type Props = {};
+export const metadata: Metadata = {
+  title: 'Event Dee - terms and conditions',
+};
 
-export default function TermsAndCoonditions({}: Props) {
+export default function TermsAndCoonditions() {
   return (
     <>
       <h1>TermsAndCoonditions</h1>

apps/app/src/app/(protected)/events/create/page.tsx

@@ -1,5 +1,10 @@
+import { Metadata } from 'next';
 import { CreateEventForm } from './form';
 
+export const metadata: Metadata = {
+  title: 'Event Dee - Create Event',
+};
+
 export default function CreateEvent() {
   return (
     <div className='flex flex-col gap-4 w-full'>

apps/app/src/app/(protected)/profile/page.tsx

@@ -1,5 +1,10 @@
 import { PhotoForm } from './components/photo-form';
 import { EditProfileForm } from './components/form';
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Event Dee - Profile',
+};
 
 /*
  * This is the Profile page as seen from the user's perspective with edittable fields

apps/app/src/app/(protected)/search/page.tsx

@@ -1,7 +1,10 @@
+import { Metadata } from 'next';
 import React from 'react';
 
-type Props = {};
+export const metadata: Metadata = {
+  title: 'Event Dee - Search',
+};
 
-export default function SearchPage(props: Props) {
+export default function SearchPage() {
   return <div>SearchPage</div>;
 }

apps/app/src/app/(protected)/settings/page.tsx

@@ -1,10 +1,13 @@
 import React from 'react';
 import { ChangePasswordForm } from './components/change-pw-form';
 import { DeleteAccountForm } from './components/delete-acc-form';
+import { Metadata } from 'next';
 
-type Props = {};
+export const metadata: Metadata = {
+  title: 'Event Dee - Settings',
+};
 
-export default function SettingsPage(props: Props) {
+export default function SettingsPage() {
   return (
     <div className='flex flex-col gap-4 w-full'>
       <h1 className='text-3xl'>Account Settings</h1>