fix: revert preferred selection to box once you switch to full UI (#10160)

packages/excalidraw/components/App.tsx

@@ -2487,9 +2487,7 @@ class App extends React.Component<AppProps, AppState> {
       canFitSidebar: editorWidth > sidebarBreakpoint,
     });
 
-    // also check if we need to update the app state
+    const stylesPanelMode =
-    this.setState({
-      stylesPanelMode:
       // NOTE: we could also remove the isMobileOrTablet check here and
       // always switch to compact mode when the editor is narrow (e.g. < MQ_MIN_WIDTH_DESKTOP)
       // but not too narrow (> MQ_MAX_WIDTH_MOBILE)
@@ -2497,8 +2495,21 @@ class App extends React.Component<AppProps, AppState> {
         ? "compact"
         : this.isMobileBreakpoint(editorWidth, editorHeight)
         ? "mobile"
-          : "full",
+        : "full";
-    });
+
+    // also check if we need to update the app state
+    this.setState((prevState) => ({
+      stylesPanelMode,
+      // reset to box selection mode if the UI changes to full
+      // where you'd not be able to change the mode yourself currently
+      preferredSelectionTool:
+        stylesPanelMode === "full"
+          ? {
+              type: "selection",
+              initialized: true,
+            }
+          : prevState.preferredSelectionTool,
+    }));
 
     if (prevEditorState !== nextEditorState) {
       this.device = { ...this.device, editor: nextEditorState };