add increase skill to max button for master variation skills

apps/skillulator/src/routes/c/$class/components/Skill.tsx

···
 							</div>
 							{/* <DecreaseSkillPointButton {...props} /> */}
 							<IncreaseSkillToMaxButton
-								skillId={variation.id}
+								skillId={props.skill.id}
 								jobId={props.jobId}
 								isSelectedMasterVariation={isSelectedMasterVariation}
+								masterVariationSkillId={variation.id}
 								hasMinLevelRequirements={variation?.hasMinLevelRequirements}
 								isMaxed={variation?.isMaxed}
 							/>

apps/skillulator/src/routes/c/$class/components/action-buttons.tsx

···
 	jobId: number | undefined;
 	skillId: number;
 	isSelectedMasterVariation?: boolean;
+	masterVariationSkillId?: number;
 }) {
 	const { increaseSkillToMax } = useTreeStore();
 	return (
···
 			)}
 			onClick={() => {
 				if (!props.jobId) return;
-				increaseSkillToMax(props.skillId, props.jobId);
+				increaseSkillToMax({
+					skillId: props.skillId,
+					jobId: props.jobId,
+					masterVariationSkillId: props.masterVariationSkillId,
+				});
 			}}
 		>
 			max

apps/skillulator/src/zustand/treeStore.ts

···
 		skillId: number;
 		masterVariationSkillId?: number;
 	}) => void;
-	increaseSkillToMax: (jobId: number, skillId: number) => void;
+	increaseSkillToMax: ({
+		jobId,
+		skillId,
+		masterVariationSkillId,
+	}: {
+		jobId: number;
+		skillId: number;
+		masterVariationSkillId?: number;
+	}) => void;
 	decreaseSkillPoint: ({
 		jobId,
 		skillId,
···
 					return state;
 				}),
 			),
-		increaseSkillToMax: (skillId: number, jobId: number) =>
+		increaseSkillToMax: ({
+			jobId,
+			skillId,
+			masterVariationSkillId,
+		}: {
+			jobId: number;
+			skillId: number;
+			masterVariationSkillId?: number;
+		}) =>
 			set(
 				produce((state: State) => {
 					const job = getJobById(jobId, state.jobTree);
 					if (!job) return state;
 
 					const skill = getSkillById(skillId, job.skills);
+					if (
+						skill?.masterVariations?.length &&
+						typeof masterVariationSkillId !== "undefined"
+					) {
+						if (!masterVariationSkillId) return state;
+						const masterVariationSkill = getSkillById(
+							masterVariationSkillId,
+							skill.masterVariations,
+						);
+
+						if (!masterVariationSkill) return state;
+						if (masterVariationSkill.levels === masterVariationSkill.skillLevel)
+							return state;
+
+						const maxPossibleLevel = Math.min(
+							masterVariationSkill.levels,
+							Math.floor(state.skillPoints / masterVariationSkill.points),
+						);
+
+						if (maxPossibleLevel > masterVariationSkill.skillLevel) {
+							const levelsToAdd =
+								maxPossibleLevel - masterVariationSkill.skillLevel;
+							masterVariationSkill.skillLevel = maxPossibleLevel;
+							state.skillPoints -= levelsToAdd * masterVariationSkill.points;
+						}
+
+						updateSkillRequirements(
+							job,
+							masterVariationSkillId,
+							masterVariationSkill.skillLevel,
+						);
+						return state;
+					}
 					if (!skill) return state;
 
 					if (skill.levels === skill.skillLevel) return state;