Added shards and opals

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

@@ -1,8 +1,34 @@
+import { formatNumber } from "@/lib/formatters"
 import { getPrestigeName, getSkyWarsIcon, getTextColor } from "@/lib/hypixel/skywars"
 import { getSkywarsLevel } from "@/lib/hypixel/skyWarsLevel"
 import { cn } from "@/lib/utils"
 import GenericProgress from "../../_components/GenericProgress"
 
+export function AngelOfDeath(
+    { shards, lifetime_shards, opals, lifetime_opals }: { shards: number, lifetime_shards: number, opals: number, lifetime_opals: number }
+) {
+    return (
+        <div className="grid grid-cols-2 grid-rows-2 mt-5">
+            <p>
+                <span className="font-bold">{"Shards: "}</span>
+                <span className="text-mc-aqua">{shards}</span>
+            </p>
+            <p>
+                <span className="font-bold">{"Opals: "}</span>
+                <span className="text-mc-blue">{opals}</span>
+            </p>
+            <p>
+                <span className="font-bold">{"Lifetime Shards: "}</span>
+                <span className="text-mc-aqua">{formatNumber(lifetime_shards)}</span>
+            </p>
+            <p>
+                <span className="font-bold">{"Lifetime Opals: "}</span>
+                <span className="text-mc-blue">{lifetime_opals}</span>
+            </p>
+        </div>
+    )
+}
+
 export function ShardProgress({ percent }: { percent: number }) {
     return (
         <div>