delete forms were not wrapped in <Main>

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

@@ -3,6 +3,7 @@ import { fetchLocationById } from '@/app/lib/actions/locationActions';
 import { LocationDeleteForm } from '@/app/ui/LocationDeleteForm';
 import { BillDeleteForm } from '@/app/ui/BillDeleteForm';
 import { fetchBillById } from '@/app/lib/actions/billActions';
+import { Main } from '@/app/ui/Main';
 
 export default async function Page({ params:{ id } }: { params: { id:string } }) {
     const [locationID, billID] = id.split('-');
@@ -13,5 +14,9 @@ export default async function Page({ params:{ id } }: { params: { id:string } })
         return(notFound());
     }
 
-    return (<BillDeleteForm location={location} bill={bill} />);
+    return (
+        <Main>
+            <BillDeleteForm location={location} bill={bill} />
+        </Main>
+    );
 }