work on team enrollment

src/features/matches/components/match-list.tsx

@@ -1,5 +1,4 @@
-import { Stack, Text, ThemeIcon, Box } from "@mantine/core";
-import { TrophyIcon } from "@phosphor-icons/react";
+import { Stack } from "@mantine/core";
 import { motion, AnimatePresence } from "framer-motion";
 import { Match } from "../types";
 import MatchCard from "./match-card";
@@ -14,20 +13,11 @@ const MatchList = ({ matches }: MatchListProps) => {
   ) || [];
 
   if (!filteredMatches.length) {
-    return (
-      <Box ta="center" py="xl">
-        <ThemeIcon size="xl" variant="light" radius="md" mb="md">
-          <TrophyIcon size={32} />
-        </ThemeIcon>
-        <Text c="dimmed" size="lg">
-          No matches found
-        </Text>
-      </Box>
-    );
+    return undefined;
   }
 
   return (
-    <Stack gap="sm">
+    <Stack p="md" gap="sm">
       <AnimatePresence>
         {filteredMatches.map((match, index) => (
           <motion.div