Added first mm stats

src/app/(stats)/player/[ign]/_stats/murder-mystery/murder-mystery.tsx

@@ -0,0 +1,41 @@
+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 { NonNullStats } from "@/lib/schema/player"
+import CollapsedStats from "../../_components/CollapsedStats"
+import MurderMysteryGeneralStats from "./stats"
+
+export default function MurderMysteryStats({ stats }: { stats: NonNullStats["MurderMystery"] }) {
+    if (!stats) return null
+
+    return (
+        <AccordionItem value="murder-mystery">
+            <Card className="py-0">
+                <CardContent>
+                    <AccordionTrigger className="items-center py-2 hover:no-underline hover:cursor-pointer">
+                        <h1 className="text-xl font-bold">Murder Mystery</h1>
+                        <div className="flex gap-4">
+                            <CollapsedStats
+                                stats={[
+                                    {
+                                        title: <p>Kills</p>,
+                                        stat: <p className="text-muted-foreground">{formatNumber(stats.kills)}</p>
+                                    },
+                                    {
+                                        title: <p>Wins</p>,
+                                        stat: <p className="text-muted-foreground">{formatNumber(stats.wins)}</p>
+                                    }
+                                ]}
+                            />
+                        </div>
+                    </AccordionTrigger>
+                    <AccordionContent>
+                        <Separator className="my-4" />
+                        <MurderMysteryGeneralStats statsChecked={stats} />
+                    </AccordionContent>
+                </CardContent>
+            </Card>
+        </AccordionItem>
+    )
+}

src/app/(stats)/player/[ign]/_stats/murder-mystery/stats.tsx

@@ -0,0 +1,23 @@
+import { formatNumber } from "@/lib/formatters"
+import { NonNullStats } from "@/lib/schema/player"
+import { BasicStat } from "../../_components/Stats"
+
+export default function MurderMysteryGeneralStats({ statsChecked }: { statsChecked: NonNullStats["MurderMystery"] }) {
+    const stats = statsChecked!
+
+    const kd = formatNumber(stats.kills / stats.deaths)
+
+    return (
+        <div className="flex mb-10">
+            <div className="flex-1">
+                <BasicStat title="Tokens: " value={formatNumber(stats.coins)} className="font-bold text-mc-dark-green" />
+                <BasicStat title="Kills: " value={formatNumber(stats.kills)} />
+                <BasicStat title="Kills as Murderer: " value={formatNumber(stats.kills_as_murderer)} />
+                <BasicStat title="Deaths: " value={formatNumber(stats.deaths)} />
+                <BasicStat title="Kill/Death Ratio: " value={kd} />
+            </div>
+            <div className="flex-1">
+            </div>
+        </div>
+    )
+}