fix(ui): constrain tooltip width and remove question mark cursor (#3752)

- Add max-w-[260px] to Tooltip.Content so video previews don't blow out the tooltip size
- Replace cursor-help with cursor-default on info icons in settings

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/settings/components/general/general.tsx

@@ -380,7 +380,7 @@ export function General() {
           <Label htmlFor='auto-connect'>Auto-connect on drop</Label>
           <Tooltip.Root>
             <Tooltip.Trigger asChild>
-              <Info className='h-[14px] w-[14px] cursor-help text-[var(--text-muted)]' />
+              <Info className='h-[14px] w-[14px] cursor-default text-[var(--text-muted)]' />
             </Tooltip.Trigger>
             <Tooltip.Content side='bottom' align='start'>
               <p>Automatically connect blocks when dropped near each other</p>
@@ -404,7 +404,7 @@ export function General() {
           <Label htmlFor='error-notifications'>Canvas error notifications</Label>
           <Tooltip.Root>
             <Tooltip.Trigger asChild>
-              <Info className='h-[14px] w-[14px] cursor-help text-[var(--text-muted)]' />
+              <Info className='h-[14px] w-[14px] cursor-default text-[var(--text-muted)]' />
             </Tooltip.Trigger>
             <Tooltip.Content side='bottom' align='start'>
               <p>Show error popups on blocks when a workflow run fails</p>

apps/sim/components/emcn/components/tooltip/tooltip.tsx

@@ -50,7 +50,7 @@ const Content = React.forwardRef<
       collisionPadding={8}
       avoidCollisions={true}
       className={cn(
-        'z-[10000300] rounded-[4px] bg-[#1b1b1b] px-[8px] py-[3.5px] font-base text-white text-xs shadow-sm dark:bg-[#fdfdfd] dark:text-black',
+        'z-[10000300] max-w-[260px] rounded-[4px] bg-[#1b1b1b] px-[8px] py-[3.5px] font-base text-white text-xs shadow-sm dark:bg-[#fdfdfd] dark:text-black',
         className
       )}
       {...props}