Made generic progress

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

@@ -2,6 +2,7 @@ import { getBedwarsStar, getPrestigeName, getTextColor } from "@/lib/hypixel/bed
 import { getBWLevelForExp } from "@/lib/hypixel/bedwarsLevel"
 import { bedwarsLevelColors } from "@/lib/hypixelFormatters"
 import { cn } from "@/lib/utils"
+import GenericProgress from "../../_components/GenericProgress"
 import Multicolored from "../../_components/Multicolored"
 
 export function BedwarsLevel({ xp }: { xp: number }) {
@@ -18,7 +19,6 @@ export function BedwarsProgress({ level, percent }: { level: number, percent: nu
         <div className="flex items-center mb-10">
             <LevelNumber level={level} className="mr-2" />
             <Progress level={level} percent={percent} />
-            <div className="flex-1 h-5 rounded-r-md bg-background"></div>
             <LevelNumber level={level + 1} className="ml-2" />
         </div>
     )
@@ -67,17 +67,8 @@ function LevelNumber({ level, className }: { level: number, className?: string }
 
 function Progress({ level, percent }: { level: number, percent: number }) {
     if (level >= 1000 && level < 1100) {
-        return (
-            <div
-                className="h-5 rounded-l-md"
-                style={{
-                    width: `${percent}%`,
-                    background: "repeating-linear-gradient(to right,#f55,#fa0,#ff5,#5f5,#5ff,#f5f,#a0a,#f55 16rem)"
-                }}
-            >
-            </div>
-        )
+        return <GenericProgress percent={percent} rainbow={true} />
     }
 
-    return <div className={`h-5 bg-mc-${getTextColor(level)} rounded-l-md`} style={{ width: `${percent}%` }}></div>
+    return <GenericProgress percent={percent} className={`bg-mc-${getTextColor(level)}`} />
 }