Remove tooltip from switch-setting component to simplify UI

web/components/switch-setting.tsx

@@ -1,6 +1,5 @@
 import {Switch} from '@headlessui/react'
 import clsx from 'clsx'
-import {Tooltip} from 'web/components/widgets/tooltip'
 
 import ShortToggle, {ToggleColorMode} from './widgets/short-toggle'
 
@@ -14,17 +13,7 @@ export const SwitchSetting = (props: {
   const {colorMode, checked, onChange, label, disabled} = props
   return (
     <Switch.Group as="div" className="flex items-center gap-3">
-      <Tooltip
-        text={
-          disabled && label !== 'Mobile'
-            ? `You are opted out of all ${label} notifications. Go to the Opt Out section to undo this setting.`
-            : disabled && label === 'Mobile'
-              ? `You are opted out of all ${label} notifications. First download the app (Android available now, iOS soon!) and allow notifications. If you've already done so, go to the Opt Out section to undo this setting.`
-              : ''
-        }
-      >
-        <ShortToggle colorMode={colorMode} on={checked} setOn={onChange} disabled={disabled} />
-      </Tooltip>
+      <ShortToggle colorMode={colorMode} on={checked} setOn={onChange} disabled={disabled} />
       <Switch.Label
         className={clsx(
           'text-ink-900 text-sm',