💡 style: switched to Ariakit's tooltip (#3748)

* inital Tooltip implementation and test

* style(tooltip): L/R sidePanel and Nav

* style(tooltip): unarchive button; refactor: `useArchiveHandler` and `ArchiveButton`

* style(tooltip): Delete button

* refactor: remove unused className prop in DeleteButton component

* style(tooltip): finish final tooltip and fix bookmark edit and delete button

* refactor(ui): remove TooltipTest and DropDownMenu component and unused imports

* style: update mobile UI

* fix: sidePanel icon not showing

* feat(AttachFile): add tooltip

* fix(NavToggle): remove button
without this button, kb users don't have to manually press 2 times to change the focus
Also, tooltips with buttons focus don't trigger

* fix: right side panel issue with double button

* fix: merge issues

* fix: sharedLink table issue

* chore: update ariakit and framer-motion version

* a11y: kb toggle for sidebar

* feat: tooltip for some buttons

package-lock.json

@@ -1223,7 +1223,7 @@
       "version": "v0.7.5-rc2",
       "license": "ISC",
       "dependencies": {
-        "@ariakit/react": "^0.4.8",
+        "@ariakit/react": "^0.4.11",
         "@codesandbox/sandpack-react": "^2.18.2",
         "@dicebear/collection": "^7.0.4",
         "@dicebear/core": "^7.0.4",
@@ -1258,6 +1258,7 @@
         "downloadjs": "^1.4.7",
         "export-from-json": "^1.7.2",
         "filenamify": "^6.0.0",
+        "framer-motion": "^11.5.4",
         "html-to-image": "^1.11.11",
         "image-blob-reduce": "^4.1.0",
         "js-cookie": "^3.0.5",
@@ -1398,16 +1399,18 @@
       }
     },
     "node_modules/@ariakit/core": {
-      "version": "0.4.8",
-      "resolved": "https://registry.npmjs.org/@ariakit/core/-/core-0.4.8.tgz",
-      "integrity": "sha512-HQS+9CI7pMqqVlAt5bPGenT0/e65UxXY+PKtgU7Y+0UToBDBRolO5S9+UUSDm8OmJHSnq24owEGm1Mv28l5XCQ=="
+      "version": "0.4.10",
+      "resolved": "https://registry.npmjs.org/@ariakit/core/-/core-0.4.10.tgz",
+      "integrity": "sha512-mX3EabQbfVh5uTjsTJ3+gjj7KGdTNhIN0qZHJd5Z2iPUnKl9NBy23Lgu6PEskpVsKAZ3proirjguD7U9fKMs/A==",
+      "license": "MIT"
     },
     "node_modules/@ariakit/react": {
-      "version": "0.4.8",
-      "resolved": "https://registry.npmjs.org/@ariakit/react/-/react-0.4.8.tgz",
-      "integrity": "sha512-Bb1vOrp0X52hxi1wE9TEHjjZ/Y08tVq2ZH+RFDwRQB3g04uVwrrhnTccHepC6rsObrDpAOV3/YlJCi4k/lSUaQ==",
+      "version": "0.4.11",
+      "resolved": "https://registry.npmjs.org/@ariakit/react/-/react-0.4.11.tgz",
+      "integrity": "sha512-nLpPrmNcspqNhk4o+epsgeZfP1+Fkh4uIzNe5yrFkXolRkqHGKAxl4Hi82e0yxIBUbYbZIEwsZQQVceF1L6xrw==",
+      "license": "MIT",
       "dependencies": {
-        "@ariakit/react-core": "0.4.8"
+        "@ariakit/react-core": "0.4.11"
       },
       "funding": {
         "type": "opencollective",
@@ -1419,11 +1422,12 @@
       }
     },
     "node_modules/@ariakit/react-core": {
-      "version": "0.4.8",
-      "resolved": "https://registry.npmjs.org/@ariakit/react-core/-/react-core-0.4.8.tgz",
-      "integrity": "sha512-TzsddUWQwWYhrEVWHA/Gf7KCGx8rwFohAHfuljjqidKeZi2kUmuRAImCTG9oga34FWHFf4AdXQbBKclMNt0nrQ==",
+      "version": "0.4.11",
+      "resolved": "https://registry.npmjs.org/@ariakit/react-core/-/react-core-0.4.11.tgz",
+      "integrity": "sha512-i6KedWhjZkNC7tMEKO0eNjjq2HRPiHyGaBS2x2VaWwzBepoYtjyvxRXyqLJ3gaiNdlwckN1TZsRDfD+viy13IQ==",
+      "license": "MIT",
       "dependencies": {
-        "@ariakit/core": "0.4.8",
+        "@ariakit/core": "0.4.10",
         "@floating-ui/dom": "^1.0.0",
         "use-sync-external-store": "^1.2.0"
       },
@@ -20907,6 +20911,31 @@
         "url": "https://github.com/sponsors/rawify"
       }
     },
+    "node_modules/framer-motion": {
+      "version": "11.5.4",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.5.4.tgz",
+      "integrity": "sha512-E+tb3/G6SO69POkdJT+3EpdMuhmtCh9EWuK4I1DnIC23L7tFPrl8vxP+LSovwaw6uUr73rUbpb4FgK011wbRJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",