header & footer

app/bill/[id]/edit/page.tsx

@@ -1,5 +1,6 @@
 import { fetchBillById } from '@/app/lib/actions/billActions';
 import { BillEditForm } from '@/app/ui/BillEditForm';
+import { Main } from '@/app/ui/Main';
 import { notFound } from 'next/navigation';
 
 export default async function Page({ params:{ id } }: { params: { id:string } }) {
@@ -12,8 +13,8 @@ export default async function Page({ params:{ id } }: { params: { id:string } })
         return(notFound());
     }
     return (
-        <main>
+        <Main>
             <BillEditForm locationID={locationID} bill={bill} />
-        </main>
+        </Main>
     );
 }