Piloten Badge gefixed

packages/shared-components/components/Badge.tsx

@@ -13,15 +13,24 @@ const badgeImageMapping = {
 	[BADGES.V1Veteran]: "v1-veteran.png",
 };
 
-export const Badge = ({ badge, className }: { badge: BADGES; className?: string }) => {
+export const Badge = ({
+	badge,
+	className,
+	width = 80,
+}: {
+	badge: BADGES;
+	className?: string;
+	width?: number;
+}) => {
 	return (
 		<span className={cn("h-fit h-full p-1 flex justify-center items-center", className)}>
 			<img
 				src={`${process.env.NEXT_PUBLIC_HUB_URL}/badges/${badgeImageMapping[badge]}`}
 				alt="Badge"
-				width="80"
+				width={width}
 				height="auto"
-				className="block h-auto w-auto max-w-[80px]"
+				style={{ maxWidth: `${width}px` }}
+				className="block h-auto w-auto"
 			/>
 		</span>
 	);