Replace hasTooltip with tippyjs

css/gui/tooltips/hasTooltip.css

-/* TODO unify tooltip systems */
-.hasTooltip {
-    text-decoration: underline;
-}
-
 /* interactable tooltip-like container - created/destroyed dynamically */
 .details-overlay {
     display: inline-block;

src/npc/surgery/organFarm.js

@@ -148,10 +148,9 @@ App.Medicine.OrganFarm.implantActions = function(slave) {
 					[],
 					"Surgery Degradation"
 				);
-				const tooltip = action.tooltip === "" ? "" : `${capFirstChar(action.tooltip)}.`;
-				if (tooltip !== "") {
-					link.title = tooltip;
-					link.classList.add("hasTooltip");
+				if (action.tooltip !== "") {
+					link.classList.add("has-tooltip");
+					tippy(link, {content: `${capFirstChar(action.tooltip)}.`});
 				}
 				links.push(link);
 				if (!F.Organs.get(organ.type).displayMultipleActions) {
@@ -162,8 +161,8 @@ App.Medicine.OrganFarm.implantActions = function(slave) {
 				if (error !== "") {
 					const disabledLink = document.createElement("span");
 					disabledLink.append(action.name);
-					disabledLink.title = (error);
-					disabledLink.classList.add("hasTooltip");
+					disabledLink.classList.add("has-tooltip");
+					tippy(disabledLink, {content: error});
 					links.push(disabledLink);
 				}
 			}