change(ui) - tooltip replacement

frontend/app/components/Session_/Autoplay/Autoplay.js

@@ -21,7 +21,7 @@ function Autoplay(props) {
         className="cursor-pointer flex items-center mr-2 hover:bg-gray-light-shade rounded-md p-2"
       >
         <Toggler name="sessionsLive" onChange={props.toggleAutoplay} checked={autoplay} />
-        <span className="ml-2">Auto-Play</span>
+        <span className="ml-2 whitespace-nowrap">Auto-Play</span>
       </div>
 
       <Tooltip

frontend/app/components/Session_/Subheader.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon, Tooltip } from 'UI';
+import { Icon, Tooltip, Button } from 'UI';
 import Autoplay from './Autoplay';
 import Bookmark from 'Shared/Bookmark';
 import SharePopup from '../shared/SharePopup/SharePopup';

frontend/app/components/shared/SessionItem/SessionItem.tsx

@@ -131,8 +131,8 @@ function SessionItem(props: RouteComponentProps & Props) {
                     )}
                     <div style={{ width: compact ? '40%' : '20%' }} className="px-2 flex flex-col justify-between">
                         <div>
-                            {/* @ts-ignore */}
                             <Tooltip
+                                delay={0}
                                 title={`${formatTimeOrDate(startedAt, timezone, true)} ${timezone.label}`}
                                 className="w-fit !block"
                             >