fix: escape single quotes from data-tooltip-id selector

Author: gabrieljablonski

Diff for: src/components/Tooltip/Tooltip.tsx

@@ -646,7 +646,7 @@ const Tooltip = ({
   useEffect(() => {
     let selector = imperativeOptions?.anchorSelect ?? anchorSelect ?? ''
     if (!selector && id) {
-      selector = `[data-tooltip-id='${id}']`
+      selector = `[data-tooltip-id='${id.replace(/'/g, "\\'")}']`
     }
     const documentObserverCallback: MutationCallback = (mutationList) => {
       const newAnchors: HTMLElement[] = []
@@ -798,7 +798,7 @@ const Tooltip = ({
   useEffect(() => {
     let selector = imperativeOptions?.anchorSelect ?? anchorSelect
     if (!selector && id) {
-      selector = `[data-tooltip-id='${id}']`
+      selector = `[data-tooltip-id='${id.replace(/'/g, "\\'")}']`
     }
     if (!selector) {
       return

Diff for: src/components/TooltipController/TooltipController.tsx

@@ -220,7 +220,7 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
 
       let selector = anchorSelect
       if (!selector && id) {
-        selector = `[data-tooltip-id='${id}']`
+        selector = `[data-tooltip-id='${id.replace(/'/g, "\\'")}']`
       }
       if (selector) {
         try {