feat(frontend): suppress tooltips on touch devices (#9001)

* feat(frontend): suppress tooltips on touch devices

* fix(frontend): change selector to role="tooltip" because .chakra-tooltip does not match

* chore(frontend): lint:prettier

Author: lstein

invokeai/frontend/web/src/app/components/ThemeLocaleProvider.tsx

@@ -2,6 +2,7 @@ import '@fontsource-variable/inter';
 import 'overlayscrollbars/overlayscrollbars.css';
 import '@xyflow/react/dist/base.css';
 import 'common/components/OverlayScrollbars/overlayscrollbars.css';
+import 'app/components/touchDevice.css';
 
 import { ChakraProvider, DarkMode, extendTheme, theme as baseTheme, TOAST_OPTIONS } from '@invoke-ai/ui-library';
 import { useStore } from '@nanostores/react';

invokeai/frontend/web/src/app/components/touchDevice.css

@@ -0,0 +1,7 @@
+/* Hide tooltips on touch devices where hover gets "stuck" */
+@media (hover: none) {
+  [role='tooltip'] {
+    visibility: hidden !important;
+    opacity: 0 !important;
+  }
+}