Location Edit/Add/Delete form migrated back to server-side component

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

@@ -1,17 +1,15 @@
+import { Suspense } from 'react';
+import LocationEditPage from './LocationEditPage';
 import { Main } from '@/app/ui/Main';
-import dynamic from 'next/dynamic'
-
-const LocationEditPage = dynamic(
-    () => import('./LocationEditPage'),
-    { ssr: false }
-  )
-  
+import { LocationEditFormSkeleton } from '@/app/ui/LocationEditForm';
 
 export default async function Page({ params:{ id } }: { params: { id:string } }) {
 
     return (
         <Main>
-            <LocationEditPage locationId={id} />
+            <Suspense fallback={<LocationEditFormSkeleton />}>
+                <LocationEditPage  locationId={id} />
+            </Suspense>
         </Main>
     );
 }