Updated sidebar to be ok like fr

src/app/(stats)/player/[ign]/_components/Sidebar.tsx

@@ -14,9 +14,17 @@ type SidebarProps = {
     ign: string
     player: Player["player"]
     guild: Guild["guild"] | undefined
+    rank: string | undefined
+    specialRank: string | undefined
+    eulaCoins: boolean | undefined
 }
 
-export default function Sidebar({ level, ign, player, guild }: SidebarProps) {
+export default function Sidebar({ level, ign, player, guild, rank, specialRank, eulaCoins }: SidebarProps) {
+    const levelMultiplier = getCoinMultiplier(level, rank, specialRank, eulaCoins)
+
+    const levelMultiplierVal = levelMultiplier.value
+    const levelMultiplierText = levelMultiplier.level === true ? `(Level ${level.toFixed(1).split(".")[0]})` : `(${levelMultiplier.name})`
+
     return (
         <Card className="w-1/4">
             <CardContent>
@@ -34,7 +42,7 @@ export default function Sidebar({ level, ign, player, guild }: SidebarProps) {
                 <div>
                     <p>
                         <span className="font-bold">{"Coin multiplier: "}</span>
-                        <span>{`x${getCoinMultiplier(level)} (Level ${level.toFixed(1).split(".")[0]})`}</span>
+                        <span>{`x${levelMultiplierVal} ${levelMultiplierText}`}</span>
                     </p>
                     <p>
                         <span className="font-bold">{"Total coins: "}</span>

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

@@ -52,7 +52,6 @@ async function SuspendedPage({ ign: pign }: { ign: string }) {
     }
 
     const guild = await getGuild(uuid)
-
     const level = getExactLevel(player.networkExp)
 
     return (
@@ -73,7 +72,15 @@ async function SuspendedPage({ ign: pign }: { ign: string }) {
                 {player.uuid}
             </h1>
             <div className="flex gap-6 px-6 mt-8 w-full max-w-7xl">
-                <Sidebar level={level} ign={pign} player={player} guild={guild ?? undefined} />
+                <Sidebar
+                    level={level}
+                    ign={pign}
+                    player={player}
+                    guild={guild ?? undefined}
+                    rank={player.newPackageRank}
+                    specialRank={player.rank}
+                    eulaCoins={player.eulaCoins}
+                />
                 {player.stats !== undefined ?
                     (
                         <div className="pb-4 space-y-4 w-3/4">