Finished first column of duels stats

src/app/(stats)/player/[ign]/_stats/duels/duels.tsx

@@ -1,15 +1,18 @@
 import { AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
 import { Card, CardContent } from "@/components/ui/card"
+import { Separator } from "@/components/ui/separator"
 import { formatNumber } from "@/lib/formatters"
 import { getDivision, getMostPlayed } from "@/lib/hypixel/duels/duels"
 import { romanize } from "@/lib/hypixel/general"
 import { NonNullStats } from "@/lib/schema/player"
 import CollapsedStats from "../../_components/CollapsedStats"
+import DuelsGeneralStats from "./stats"
 
 export default function DuelsStats({ stats }: { stats: NonNullStats["Duels"] }) {
     if (!stats) return null
 
-    const wl = formatNumber(stats.wins / stats.losses)
+    const wl = stats.wins / stats.losses
+    const kd = stats.kills / stats.deaths
     const div = getDivision("all_modes", stats)
     const mostPlayed = getMostPlayed(stats)
 
@@ -57,13 +60,15 @@ export default function DuelsStats({ stats }: { stats: NonNullStats["Duels"] })
                                     },
                                     {
                                         title: <p>WL</p>,
-                                        stat: <p className="text-muted-foreground">{wl}</p>
+                                        stat: <p className="text-muted-foreground">{formatNumber(wl)}</p>
                                     }
                                 ]}
                             />
                         </div>
                     </AccordionTrigger>
                     <AccordionContent>
+                        <Separator className="my-4" />
+                        <DuelsGeneralStats statsChecked={stats} div={div} kd={kd} />
                     </AccordionContent>
                 </CardContent>
             </Card>