finish ranger tree

apps/skillulator/src/css/ranger.css

···
 		". . FlameArrow IceArrow PoisonArrow"
 		". . PiercingArrow CriticalShot Nature"
 		". . Tripleshot Tripleshot SilentArrow"
-		". . Boomburst Boomburst .";
+		"Boomburst Boomburst Boomburst Boomburst Boomburst"
+		"CondorDive HeavyShot . . DevastatingSting"
+		". RepellingShot EagleEye SwiftHands Barrage"
+		". TrapBinding TrapDoT TrapDebuff ."
+		"AdvancedTrap TrapBlast TrapAoE TrapAoE MarkedPrey";
 }
 
 [data-skill="Pulling"] {
···
 [data-skill="Boomburst"] {
 	grid-area: Boomburst;
 }
+
+[data-skill="CondorDive"] {
+	grid-area: CondorDive;
+}
+
+[data-skill="HeavyShot"] {
+	grid-area: HeavyShot;
+}
+
+[data-skill="DevastatingSting"] {
+	grid-area: DevastatingSting;
+}
+
+[data-skill="RepellingShot"] {
+	grid-area: RepellingShot;
+}
+
+[data-skill="Barrage"] {
+	grid-area: Barrage;
+}
+
+[data-skill="TrapDoT"] {
+	grid-area: TrapDoT;
+}
+
+[data-skill="TrapBinding"] {
+	grid-area: TrapBinding;
+}
+
+[data-skill="TrapDebuff"] {
+	grid-area: TrapDebuff;
+}
+
+[data-skill="TrapAoE"] {
+	grid-area: TrapAoE;
+}
+
+[data-skill="TrapBlast"] {
+	grid-area: TrapBlast;
+}
+
+[data-skill="EagleEye"] {
+	grid-area: EagleEye;
+}
+
+[data-skill="SwiftHands"] {
+	grid-area: SwiftHands;
+}
+
+[data-skill="AdvancedTrap"] {
+	grid-area: AdvancedTrap;
+}
+
+[data-skill="MarkedPrey"] {
+	grid-area: MarkedPrey;
+}

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

···
 	const skillName = props.skill.name.en
 		.replaceAll(" ", "")
 		.replace(/'/, "")
-		.replace(/[\[\]()]/g, "");
+		.replace(/[\[\]()]/g, "")
+		.replace(":", "");
 
 	const isMasterVariationSkill =
 		typeof props?.skill?.masterVariations?.length !== "undefined";