production test

src/app/_components/group/group-card.tsx

@@ -23,33 +23,29 @@ function GroupCard({ group }: { group: Group }) {
               <Icons.group className="size-4" />
               <span>{group.name}</span>
             </CardTitle>
-            <ul className="flex ">
-              {group?.members?.slice(0, 4)?.map(({ user }, idx) => (
-                <li
-                  key={idx}
-                  style={{
-                    transform: `translateX(-${idx * 4}px)`,
-                  }}
-                >
-                  <Avatar
-                    src={user?.image}
-                    fb={user?.name}
-                    className="size-4"
-                  />
-                </li>
-              ))}
-              {Number(group?.members?.length) > 4 && (
-                <li
-                  style={{
-                    transform: `translateX(-20px)`,
-                  }}
-                  className="size-4 bg-foreground text-background text-xs items-center justify-center rounded-full "
-                >
-                  <span>+{Number(group?.members?.length) - 4}</span>
-                </li>
-              )}
-            </ul>
           </div>
+          <ul className="flex ">
+            {group?.members?.slice(0, 4)?.map(({ user }, idx) => (
+              <li
+                key={idx}
+                style={{
+                  transform: `translateX(-${idx * 4}px)`,
+                }}
+              >
+                <Avatar src={user?.image} fb={user?.name} className="size-4" />
+              </li>
+            ))}
+            {Number(group?.members?.length) > 4 && (
+              <li
+                style={{
+                  transform: `translateX(-20px)`,
+                }}
+                className="size-4 bg-foreground text-background text-xs items-center justify-center rounded-full "
+              >
+                <span>+{Number(group?.members?.length) - 4}</span>
+              </li>
+            )}
+          </ul>
           <CardDescription>
             <p>{group.description}</p>
           </CardDescription>