refactor: update team stats component usage in DirectionOverview

- Replaced TeamStatsCard with TeamStatsRow for better alignment with new design.
- Updated comments and layout structure to reflect the change from grid to list format.
- Ensured proper export of TeamStatsRow in team-detail index for consistency.

components/admin/overview/direction-overview.tsx

@@ -2,10 +2,10 @@
 
 import { Building2, Users, TrendingUp, BarChart3, Target } from "lucide-react";
 import {
-  TeamStatsCard,
+  TeamStatsRow,
   getSkillLevelLabel,
   getSkillLevelColor,
-} from "../team-detail/team-stats-card";
+} from "../team-detail/team-stats-row";
 
 interface DirectionOverviewProps {
   direction: string;
@@ -159,7 +159,7 @@ export function DirectionOverview({
           </div>
         </div>
 
-        {/* Teams Grid */}
+        {/* Teams List */}
         <div className="space-y-6">
           <div className="flex items-center gap-3">
             <div className="p-2 bg-blue-500/20 border border-blue-500/30 rounded-xl">
@@ -169,9 +169,9 @@ export function DirectionOverview({
               Équipes de la direction
             </h4>
           </div>
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          <div className="space-y-4">
             {teams.map((team) => (
-              <TeamStatsCard
+              <TeamStatsRow
                 key={team.teamId}
                 teamId={team.teamId}
                 teamName={team.teamName}