fix(web): tooltips (#1154)

* fix broken tooltips, replace react-tooltip with react-popper-tooltip

* make tooltips use ExternalLink component

* fix import

* get rid of unused import

* fix(tooltip): set delayHide

* removed unecessary comment

* fix tooltip on mobile

* stop tooltip label propagation (mainly for mobile devices)

* added onClick convenience prop for label component wrapper (since onClick isn't propagated down)

---------

Co-authored-by: soup <soup@r4tio.dev>

web/src/components/ExternalLink.tsx

@@ -0,0 +1,20 @@
+type ExternalLinkProps = {
+  href: string;
+  className?: string;
+  children?: React.ReactNode;
+};
+
+export const ExternalLink = ({ href, className, children }: ExternalLinkProps) => (
+  <a
+    rel="noopener noreferrer"
+    target="_blank"
+    href={href}
+    className={className}
+  >
+    {children}
+  </a>
+);
+
+export const DocsLink = ({ href }: { href: string; }) => (
+  <ExternalLink href={href} className="text-blue-400 visited:text-blue-400">{href}</ExternalLink>
+);