style: Removes extra spaces (#6558)

Co-authored-by: dwelle <luzar.david@gmail.com>

dev-docs/docs/@excalidraw/excalidraw/api/children-components/footer.mdx

@@ -16,7 +16,6 @@ function App() {
             className="custom-footer"
             onClick={() => alert("This is dummy footer")}
           >
-            {" "}
             custom footer
           </button>
         </Footer>

dev-docs/docs/@excalidraw/excalidraw/api/children-components/main-menu.mdx

@@ -14,8 +14,7 @@ function App() {
             Item1
           </MainMenu.Item>
           <MainMenu.Item onSelect={() => window.alert("Item2")}>
-            {" "}
+            Item 2
-            Item 2{" "}
           </MainMenu.Item>
         </MainMenu>
       </Excalidraw>
@@ -93,7 +92,6 @@ function App() {
               style={{ height: "2rem" }}
               onClick={() => window.alert("custom menu item")}
             >
-              {" "}
               custom item
             </button>
           </MainMenu.ItemCustom>

dev-docs/docs/@excalidraw/excalidraw/api/props/render-props.mdx

@@ -3,7 +3,7 @@
 ## renderTopRightUI
 
 <pre>
-  (isMobile: boolean, appState:{" "}
+  (isMobile: boolean, appState:
   <a href="https://github.com/excalidraw/excalidraw/blob/master/src/types.ts#L95">
     AppState
   </a>
@@ -29,8 +29,7 @@ function App() {
               }}
               onClick={() => window.alert("This is dummy top right UI")}
             >
-              {" "}
+              Click me
-              Click me{" "}
             </button>
           );
         }}
@@ -55,8 +54,7 @@ function App() {
       <Excalidraw
         renderCustomStats={() => (
           <p style={{ color: "#70b1ec", fontWeight: "bold" }}>
-            {" "}
+            Dummy stats will be shown here
-            Dummy stats will be shown here{" "}
           </p>
         )}
       />
@@ -105,8 +103,7 @@ function App() {
   return (
     <div style={{ height: "500px" }}>
       <button className="custom-button" onClick={() => excalidrawAPI.toggleMenu("customSidebar")}>
-        {" "}
+        Toggle Custom Sidebar
-        Toggle Custom Sidebar{" "}
       </button>
       <Excalidraw
         UIOptions={{ dockedSidebarBreakpoint: 100 }}

src/components/App.tsx

@@ -661,7 +661,7 @@ class App extends React.Component<AppProps, AppState> {
                         )}
                         <main>{this.renderCanvas()}</main>
                       </ExcalidrawActionManagerContext.Provider>
-                    </ExcalidrawElementsContext.Provider>{" "}
+                    </ExcalidrawElementsContext.Provider>
                   </ExcalidrawAppStateContext.Provider>
                 </ExcalidrawSetAppStateContext.Provider>
               </DeviceContext.Provider>

src/excalidraw-app/collab/RoomDialog.tsx

@@ -154,7 +154,7 @@ const RoomDialog = ({
             <p>
               <span role="img" aria-hidden="true" className="RoomDialog-emoji">
                 {"🔒"}
-              </span>{" "}
+              </span>
               {t("roomDialog.desc_privacy")}
             </p>
             <p>{t("roomDialog.desc_exitSession")}</p>

src/packages/excalidraw/example/App.tsx

@@ -161,8 +161,7 @@ export default function App({ appTitle, useCustom, customArgs }: AppProps) {
           onClick={() => alert("This is an empty top right UI")}
           style={{ height: "2.5rem" }}
         >
-          {" "}
+          Click me
-          Click me{" "}
         </button>
       </>
     );

src/packages/excalidraw/example/CustomFooter.tsx

@@ -65,8 +65,7 @@ const CustomFooter = ({
         className="custom-footer"
         onClick={() => alert("This is dummy footer")}
       >
-        {" "}
+        custom footer
-        custom footer{" "}
       </button>
     </>
   );

src/packages/excalidraw/example/sidebar/ExampleSidebar.tsx

@@ -11,7 +11,7 @@ export default function Sidebar({ children }: { children: React.ReactNode }) {
         </button>
         <div className="sidebar-links">
           <button>Empty Home</button>
-          <button>Empty About</button>{" "}
+          <button>Empty About</button>
         </div>
       </div>
       <div className={`${open ? "sidebar-open" : ""}`}>

src/tests/packages/__snapshots__/excalidraw.test.tsx.snap

@@ -43,7 +43,6 @@ exports[`<Excalidraw/> <MainMenu/> should render main menu with host menu items
       <button
         style="height: 2rem;"
       >
-         
         custom menu item
       </button>
     </div>

src/tests/packages/excalidraw.test.tsx

@@ -220,7 +220,6 @@ describe("<Excalidraw/>", () => {
                   style={{ height: "2rem" }}
                   onClick={() => window.alert("custom menu item")}
                 >
-                  {" "}
                   custom item
                 </button>
               </MainMenu.ItemCustom>
@@ -345,7 +344,6 @@ describe("<Excalidraw/>", () => {
                 style={{ height: "2rem" }}
                 onClick={() => window.alert("custom menu item")}
               >
-                {" "}
                 custom menu item
               </button>
             </MainMenu.ItemCustom>