Better loading behavior

src/app/groups/[groupId]/edit/page.tsx

@@ -1,9 +1,6 @@
 import { GroupForm } from '@/components/group-form'
-import { Button } from '@/components/ui/button'
 import { getGroup, updateGroup } from '@/lib/api'
 import { groupFormSchema } from '@/lib/schemas'
-import { ChevronLeft } from 'lucide-react'
-import Link from 'next/link'
 import { notFound, redirect } from 'next/navigation'
 
 export default async function EditGroupPage({
@@ -21,16 +18,5 @@ export default async function EditGroupPage({
     redirect(`/groups/${group.id}`)
   }
 
-  return (
-    <main>
-      <div className="mb-4">
-        <Button variant="ghost" asChild>
-          <Link href={`/groups/${groupId}`}>
-            <ChevronLeft className="w-4 h-4 mr-2" /> Back to group
-          </Link>
-        </Button>
-      </div>
-      <GroupForm group={group} onSubmit={updateGroupAction} />
-    </main>
-  )
+  return <GroupForm group={group} onSubmit={updateGroupAction} />
 }