Improve design

src/app/groups/[groupId]/group-tabs.tsx

@@ -15,7 +15,7 @@ export function GroupTabs({ groupId }: Props) {
   return (
     <Tabs
       value={value}
-      className="mb-4 [&>*]:border"
+      className="[&>*]:border"
       onValueChange={(value) => {
         router.push(`/groups/${groupId}/${value}`)
       }}

src/app/groups/[groupId]/layout.tsx

@@ -35,8 +35,8 @@ export default async function GroupLayout({
 
   return (
     <>
-      <div className="flex flex-col sm:flex-row justify-between">
-        <h1 className="font-bold text-2xl mb-4">
+      <div className="flex flex-col sm:flex-row justify-between sm:items-center gap-3">
+        <h1 className="font-bold text-2xl">
           <Link href={`/groups/${groupId}`}>{group.name}</Link>
         </h1>