fix: resolve popover cutoff inside table by setting overflow-visible and adding debug logging for companies

shop/components/admin/user-list.tsx

@@ -134,10 +134,11 @@ export function UserList({ initialUsers, companies }: UserListProps) {
       })
     : filteredUsers
 
+  console.log('COMPANIES IN USERLIST:', companies)
   let lastCompanyName: string | null = null
 
   return (
-    <Card className="glass-dark border-white/10 shadow-2xl overflow-hidden">
+    <Card className="glass-dark border-white/10 shadow-2xl overflow-visible">
       <CardHeader>
         <CardTitle>Benutzerverwaltung</CardTitle>
         <CardDescription className="text-slate-400">
@@ -169,7 +170,7 @@ export function UserList({ initialUsers, companies }: UserListProps) {
             </label>
           </div>
         </div>
-        <Table>
+        <Table containerClassName="overflow-visible">
           <TableHeader>
             <TableRow className="border-white/10 hover:bg-white/5">
               <TableHead className="text-slate-200">E-Mail</TableHead>

shop/components/ui/table.tsx

@@ -4,11 +4,11 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
-function Table({ className, ...props }: React.ComponentProps<"table">) {
+function Table({ className, containerClassName, ...props }: React.ComponentProps<"table"> & { containerClassName?: string }) {
   return (
     <div
       data-slot="table-container"
-      className="relative w-full overflow-x-auto"
+      className={cn("relative w-full overflow-x-auto", containerClassName)}
     >
       <table
         data-slot="table"