fix(MemberSidebar): adjust Card position for improved layout consistency

fix(layout): simplify main container structure for better responsiveness
fix(CardInnerWrapper): enhance CardHeader styling for improved visual clarity

Author: rootcode-creator

src/app/members/MemberSidebar.tsx

@@ -34,7 +34,7 @@ export default function MemberSidebar({
     membersId.indexOf(member.userId) !== -1;
 
   return (
-    <Card className="w-full overflow-hidden border border-default-200 bg-white shadow-sm lg:sticky lg:top-6">
+    <Card className="w-full overflow-hidden border border-default-200 bg-white shadow-sm lg:sticky lg:top-24">
       <div className="relative h-24 bg-gradient-to-r from-indigo-600 via-violet-600 to-slate-700">
         <div className="absolute left-1/2 -bottom-10 -translate-x-1/2">
           <div className="relative rounded-full bg-white p-1 shadow-sm">

src/app/members/edit/layout.tsx

@@ -51,9 +51,7 @@ export default async function Layout({
         </aside>
 
         <main className="col-span-12 lg:col-span-9 h-full">
-          <div className="rounded-2xl border border-default-200 bg-white shadow-sm h-full">
-            {children}
-          </div>
+          {children}
         </main>
       </div>
     </div>

src/components/CardInnerWrapper.tsx

@@ -15,7 +15,7 @@ export default function CardInnerWrapper({
 }: Props) {
   return (
     <Card className="mx-2 my-2 sm:mx-4">
-      <CardHeader>
+      <CardHeader className="pb-3">
         {typeof header === "string" ? (
           <div className="text-xl font-semibold text-default sm:text-2xl">
             {header}