refactor: data-tooltip-for -> data-tooltip-id

`data-tooltip-for` ended up sounding weird to me

Author: gabrieljablonski

src/App.tsx

@@ -114,11 +114,11 @@ function App() {
       </section>
       <section id="section-anchor-select" style={{ marginTop: '100px' }}>
         <p>
-          <button data-tooltip-for="anchor-select" data-tooltip-content="this content is different">
+          <button data-tooltip-id="anchor-select" data-tooltip-content="this content is different">
             Anchor select
           </button>
-          <button data-tooltip-for="anchor-select">Anchor select 2</button>
-          <button data-tooltip-for="anchor-select">Anchor select 3</button>
+          <button data-tooltip-id="anchor-select">Anchor select 2</button>
+          <button data-tooltip-id="anchor-select">Anchor select 3</button>
         </p>
         <Tooltip id="anchor-select">Tooltip content</Tooltip>
         <Tooltip

src/components/Tooltip/Tooltip.tsx

@@ -60,7 +60,7 @@ const Tooltip = ({
   useEffect(() => {
     let selector = anchorSelect
     if (!selector && id) {
-      selector = `[data-tooltip-for='${id}']`
+      selector = `[data-tooltip-id='${id}']`
     }
     if (!selector) {
       return

src/components/TooltipController/TooltipController.tsx

@@ -130,7 +130,7 @@ const TooltipController = ({
 
     let selector = anchorSelect
     if (!selector && id) {
-      selector = `[data-tooltip-for='${id}']`
+      selector = `[data-tooltip-id='${id}']`
     }
     if (selector) {
       try {

src/components/TooltipController/TooltipControllerTypes.d.ts

@@ -46,7 +46,7 @@ export interface ITooltipController {
 
 declare module 'react' {
   interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
-    'data-tooltip-for'?: boolean | string
+    'data-tooltip-id'?: string
     'data-tooltip-place'?: PlacesType
     'data-tooltip-content'?: string
     'data-tooltip-html'?: string