Solved some more bugs and styling

src/pages/stats.tsx

@@ -69,7 +69,7 @@ export default function Stats() {
 			{user && (
 				<Layout user={user}>
 					<section className="w-full flex gap-8">
-						<img src={user.profilePicture} alt={user.name} className="aspect-square h-64 rounded-3xl drop-shadow-xl" />
+						<img src={user.profilePicture} alt={user.name} className="aspect-square h-64 rounded-3xl drop-shadow-xl object-cover" />
 						<div className="flex flex-col gap-4 py-4 w-full">
 							<div className="flex justify-between w-full gap-8">
 								<div className="flex flex-col gap-2 py-2">
@@ -79,7 +79,7 @@ export default function Stats() {
 								<ProgressBar
 									label={`Level ${calculateAverageLevel(user.levels).toFixed(1)}`}
 									percentage={100}
-									color="red"
+									color="purple"
 									className="max-w-xs w-32 self-end h-10"
 								/>
 							</div>