Hide Card wrapper on mobile for cleaner layout

- Desktop: Show table in bordered Card wrapper
- Mobile: Remove wrapper padding and hide Card border
- Individual cards now display directly without outer container
- Applied to AdminMembers, AdminOrders, AdminConsulting, AdminEvents

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

src/pages/admin/AdminMembers.tsx

@@ -102,10 +102,10 @@ export default function AdminMembers() {
         <h1 className="text-4xl font-bold mb-2">Manajemen Member</h1>
         <p className="text-muted-foreground mb-8">Kelola semua pengguna</p>
 
-        <Card className="border-2 border-border">
+        <Card className="border-2 border-border hidden md:block">
           <CardContent className="p-0">
             {/* Desktop Table */}
-            <div className="hidden md:block overflow-x-auto">
+            <div className="overflow-x-auto">
               <Table>
                 <TableHeader>
                   <TableRow>
@@ -154,9 +154,11 @@ export default function AdminMembers() {
               </TableBody>
             </Table>
             </div>
+          </CardContent>
+        </Card>
 
-            {/* Mobile Card Layout */}
-            <div className="md:hidden space-y-3 p-4">
+        {/* Mobile Card Layout */}
+        <div className="md:hidden space-y-3">
               {members.map((member) => (
                 <div key={member.id} className="border-2 border-border rounded-lg p-4 space-y-3 bg-card">
                   <div>
@@ -202,8 +204,6 @@ export default function AdminMembers() {
                 </div>
               )}
             </div>
-          </CardContent>
-        </Card>
 
         <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
           <DialogContent className="max-w-lg border-2 border-border">