chore: upgrade lexical

packages/web/package.json

@@ -28,7 +28,7 @@
     "@babel/plugin-transform-react-jsx": "^7.19.0",
     "@babel/preset-env": "*",
     "@babel/preset-typescript": "^7.18.6",
-    "@lexical/react": "0.8.1",
+    "@lexical/react": "0.9.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@reach/alert": "^0.18.0",
     "@reach/alert-dialog": "^0.18.0",
@@ -84,7 +84,7 @@
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
-    "lexical": "0.8.1",
+    "lexical": "0.9.0",
     "lint-staged": ">=13",
     "mini-css-extract-plugin": "^2.7.2",
     "minimatch": "^5.1.1",
@@ -116,7 +116,7 @@
     "app/**/*.{js,ts,jsx,tsx,css,md}": "prettier --write"
   },
   "dependencies": {
-    "@lexical/headless": "0.8.1",
+    "@lexical/headless": "0.9.0",
     "contactjs": "2.1.5"
   }
 }

packages/web/src/javascripts/Components/Preferences/Panes/General/Labs/Labs.tsx

@@ -7,6 +7,7 @@ import PreferencesGroup from '../../../PreferencesComponents/PreferencesGroup'
 import PreferencesSegment from '../../../PreferencesComponents/PreferencesSegment'
 import LabsFeature from './LabsFeature'
 import HorizontalSeparator from '@/Components/Shared/HorizontalSeparator'
+import { MutuallyExclusiveMediaQueryBreakpoints, useMediaQuery } from '@/Hooks/useMediaQuery'
 
 type ExperimentalFeatureItem = {
   identifier: FeatureIdentifier
@@ -57,19 +58,23 @@ const LabsPane: FunctionComponent<Props> = ({ application }) => {
 
   const premiumModal = usePremiumModal()
 
+  const isMobileScreen = useMediaQuery(MutuallyExclusiveMediaQueryBreakpoints.sm)
+
   return (
     <PreferencesGroup>
       <PreferencesSegment>
         <Title>Labs</Title>
         <div>
-          <LabsFeature
-            name="Pane switch gestures"
-            description="Allows using gestures to navigate"
-            isEnabled={isPaneGesturesEnabled}
-            toggleFeature={() => {
-              void application.setPreference(PrefKey.PaneGesturesEnabled, !isPaneGesturesEnabled)
-            }}
-          />
+          {isMobileScreen && (
+            <LabsFeature
+              name="Pane switch gestures"
+              description="Allows using gestures to navigate"
+              isEnabled={isPaneGesturesEnabled}
+              toggleFeature={() => {
+                void application.setPreference(PrefKey.PaneGesturesEnabled, !isPaneGesturesEnabled)
+              }}
+            />
+          )}
           {experimentalFeatures.map(({ identifier, name, description, isEnabled, isEntitled }, index) => {
             const toggleFeature = () => {
               if (!isEntitled) {