Separated the ProfileLevel into multiple components and made a Card one

src/components/LevelLabel.tsx

@@ -0,0 +1,12 @@
+import {levelCalculator} from "@/resources/level";
+import clsx from "clsx";
+
+interface Props {
+	experience: number;
+	className?: string;
+}
+
+export default function LevelLabel({experience, className}: Props) {
+	const {label} = levelCalculator(experience);
+	return <span className={clsx("text-xl font-semibold text-success", className)}>{label}</span>;
+}