diff --git a/client/packages/lowcoder/src/app.tsx b/client/packages/lowcoder/src/app.tsx
index 05dbeaab25..5818f36aeb 100644
--- a/client/packages/lowcoder/src/app.tsx
+++ b/client/packages/lowcoder/src/app.tsx
@@ -274,129 +274,112 @@ class AppIndex extends React.Component<AppIndexProps, any> {
               type="text/html"
               href={window.location.href}
               media="(aspect-ratio: 1280/720)"
-            />,
-
-            <link
-              key="preconnect-googleapis"
-              rel="preconnect"
-              href="https://fonts.googleapis.com"
-            />,
-            <link
-              key="preconnect-gstatic"
-              rel="preconnect"
-              href="https://fonts.gstatic.com"
-              crossOrigin="anonymous"
-            />,
-            <link
-              key="font-ubuntu"
-              href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,700;1,400&display=swap"
-              rel="stylesheet"
             />
           ]}
         </Helmet>
         <SystemWarning />
-          <Router history={history}>
-            <Switch>
-              <LazyRoute
-                exact
-                path={IMPORT_APP_FROM_TEMPLATE_URL}
-                component={LazyAppFromTemplate}
-              />
+        <Router history={history}>
+          <Switch>
+            <LazyRoute
+              exact
+              path={IMPORT_APP_FROM_TEMPLATE_URL}
+              component={LazyAppFromTemplate}
+            />
 
-              <LazyRoute
-                exact
-                fallback="layout"
-                path={PUBLIC_APP_EDITOR_URL}
-                component={LazyPublicAppEditor}
-              />
+            <LazyRoute
+              exact
+              fallback="layout"
+              path={PUBLIC_APP_EDITOR_URL}
+              component={LazyPublicAppEditor}
+            />
 
-              <LazyRoute
-                fallback="layout"
-                path={APP_EDITOR_URL}
-                component={LazyAppEditor}
-              />
-              <LazyRoute
-                fallback="layout"
-                path={[
-                  USER_PROFILE_URL,
-                  NEWS_URL,
-                  ORG_HOME_URL,
-                  ALL_APPLICATIONS_URL,
-                  DATASOURCE_CREATE_URL,
-                  DATASOURCE_EDIT_URL,
-                  DATASOURCE_URL,
-                  SUPPORT_URL,
-                  QUERY_LIBRARY_URL,
-                  FOLDERS_URL,
-                  FOLDER_URL,
-                  TRASH_URL,
-                  SETTING_URL,
-                  MARKETPLACE_URL,
-                  ADMIN_APP_URL
-                ]}
-                // component={ApplicationListPage}
-                component={LazyApplicationHome}
-              />
-              <LazyRoute exact path={ADMIN_AUTH_URL} component={LazyUserAuthComp} />
-              <LazyRoute path={USER_AUTH_URL} component={LazyUserAuthComp} />
-              <LazyRoute
-                path={ORG_AUTH_LOGIN_URL}
-                component={LazyUserAuthComp}
-              />
-              <LazyRoute
-                path={ORG_AUTH_REGISTER_URL}
-                component={LazyUserAuthComp}
-              />
-              <LazyRoute
-                path={ORG_AUTH_FORGOT_PASSWORD_URL}
-                component={LazyUserAuthComp}
-              />
-              <LazyRoute
-                path={ORG_AUTH_RESET_PASSWORD_URL}
-                component={LazyUserAuthComp}
-              />
-              <LazyRoute
-                path={INVITE_LANDING_URL}
-                component={LazyInviteLanding}
-              />
-              <LazyRoute
-                path={`${COMPONENT_DOC_URL}/:name`}
-                component={LazyComponentDoc}
-              />
-              <LazyRoute
-                path={`/playground/:name/:dsl`}
-                component={LazyComponentPlayground}
-              />
+            <LazyRoute
+              fallback="layout"
+              path={APP_EDITOR_URL}
+              component={LazyAppEditor}
+            />
+            <LazyRoute
+              fallback="layout"
+              path={[
+                USER_PROFILE_URL,
+                NEWS_URL,
+                ORG_HOME_URL,
+                ALL_APPLICATIONS_URL,
+                DATASOURCE_CREATE_URL,
+                DATASOURCE_EDIT_URL,
+                DATASOURCE_URL,
+                SUPPORT_URL,
+                QUERY_LIBRARY_URL,
+                FOLDERS_URL,
+                FOLDER_URL,
+                TRASH_URL,
+                SETTING_URL,
+                MARKETPLACE_URL,
+                ADMIN_APP_URL
+              ]}
+              // component={ApplicationListPage}
+              component={LazyApplicationHome}
+            />
+            <LazyRoute exact path={ADMIN_AUTH_URL} component={LazyUserAuthComp} />
+            <LazyRoute path={USER_AUTH_URL} component={LazyUserAuthComp} />
+            <LazyRoute
+              path={ORG_AUTH_LOGIN_URL}
+              component={LazyUserAuthComp}
+            />
+            <LazyRoute
+              path={ORG_AUTH_REGISTER_URL}
+              component={LazyUserAuthComp}
+            />
+            <LazyRoute
+              path={ORG_AUTH_FORGOT_PASSWORD_URL}
+              component={LazyUserAuthComp}
+            />
+            <LazyRoute
+              path={ORG_AUTH_RESET_PASSWORD_URL}
+              component={LazyUserAuthComp}
+            />
+            <LazyRoute
+              path={INVITE_LANDING_URL}
+              component={LazyInviteLanding}
+            />
+            <LazyRoute
+              path={`${COMPONENT_DOC_URL}/:name`}
+              component={LazyComponentDoc}
+            />
+            <LazyRoute
+              path={`/playground/:name/:dsl`}
+              component={LazyComponentPlayground}
+            />
 
-              {this.props.isFetchUserFinished && this.props.defaultHomePage? (
-                !this.props.orgDev ? ( 
-                  <Redirect exact from={BASE_URL} to={APPLICATION_VIEW_URL(this.props.defaultHomePage || "", "view")}/>
-                ) : (
-                  <Redirect exact from={BASE_URL} to={ORG_HOME_URL} />
-                )
+            {this.props.isFetchUserFinished && this.props.defaultHomePage ? (
+              !this.props.orgDev ? (
+                <Redirect exact from={BASE_URL} to={APPLICATION_VIEW_URL(this.props.defaultHomePage || "", "view")} />
               ) : (
-                <Redirect exact from={BASE_URL} to={ALL_APPLICATIONS_URL} />
-              )}
+                <Redirect exact from={BASE_URL} to={ORG_HOME_URL} />
+              )
+            ) : (
+              <Redirect exact from={BASE_URL} to={ALL_APPLICATIONS_URL} />
+            )}
 
-              <Redirect to={`${COMPONENT_DOC_URL}/input`} path="/components" />
+            <Redirect to={`${COMPONENT_DOC_URL}/input`} path="/components" />
 
-              {developEnv() && (
-                <>
-                  <LazyRoute
-                    path="/debug_comp/:name"
-                    component={LazyDebugComp}
-                  />
-                  <LazyRoute
-                    exact
-                    path="/debug_comp"
-                    component={LazyDebugComp}
-                  />
-                  <LazyRoute path="/debug_editor" component={LazyAppEditor} />
-                  <LazyRoute path="/debug_new" component={LazyDebugNewComp} />
-                </>
-              )}
-            </Switch>
-          </Router>
+            {developEnv() && (
+              <>
+                <LazyRoute
+                  path="/debug_comp/:name"
+                  component={LazyDebugComp}
+                />
+                <LazyRoute
+                  exact
+                  path="/debug_comp"
+                  component={LazyDebugComp}
+                />
+                <LazyRoute path="/debug_editor" component={LazyAppEditor} />
+                <LazyRoute path="/debug_new" component={LazyDebugNewComp} />
+              </>
+            )}
+          </Switch>
+        </Router>
       </Wrapper>
     );
   }
@@ -453,7 +436,7 @@ export function bootstrap() {
   const root = createRoot(container!);
   root.render(
     <Provider store={reduxStore}>
-        <AppIndexWithProps />
+      <AppIndexWithProps />
     </Provider>
   );
 }
diff --git a/client/packages/lowcoder/src/pages/editor/editorView.tsx b/client/packages/lowcoder/src/pages/editor/editorView.tsx
index 11d818d47c..144e593f7a 100644
--- a/client/packages/lowcoder/src/pages/editor/editorView.tsx
+++ b/client/packages/lowcoder/src/pages/editor/editorView.tsx
@@ -1,6 +1,6 @@
 import { default as Divider } from "antd/es/divider";
 import { default as Menu } from "antd/es/menu";
-import { default as Sider} from "antd/es/layout/Sider";
+import { default as Sider } from "antd/es/layout/Sider";
 import { PreloadComp } from "comps/comps/preLoadComp";
 import UIComp from "comps/comps/uiComp";
 import { EditorContext } from "comps/editorState";
@@ -64,69 +64,69 @@ import Flex from "antd/es/flex";
 // import { BottomSkeleton } from "./bottom/BottomContent";
 
 const Header = lazy(
-    () => import("pages/common/header")
-        .then(module => ({default: module.default}))
+  () => import("pages/common/header")
+    .then(module => ({ default: module.default }))
 );
 
 const BottomSkeleton = lazy(
-    () => import("pages/editor/bottom/BottomContent")
-        .then(module => ({default: module.BottomSkeleton}))
+  () => import("pages/editor/bottom/BottomContent")
+    .then(module => ({ default: module.BottomSkeleton }))
 );
 
 const LeftContent = lazy(
   () => import('./LeftContent')
-    .then(module => ({default: module.LeftContent}))
+    .then(module => ({ default: module.LeftContent }))
 );
 const LeftLayersContent = lazy(
   () => import('./LeftLayersContent')
-    .then(module => ({default: module.LeftLayersContent}))
+    .then(module => ({ default: module.LeftLayersContent }))
 );
 const RightPanel = lazy(() => import('pages/editor/right/RightPanel'));
 const EditorTutorials = lazy(() => import('pages/tutorials/editorTutorials'));
 const Bottom = lazy(() => import('./bottom/BottomPanel'));
 const CustomShortcutWrapper = lazy(
   () => import('pages/editor/editorHotKeys')
-    .then(module => ({default: module.CustomShortcutWrapper}))
+    .then(module => ({ default: module.CustomShortcutWrapper }))
 );
 const EditorGlobalHotKeys = lazy(
   () => import('pages/editor/editorHotKeys')
-    .then(module => ({default: module.EditorGlobalHotKeys}))
+    .then(module => ({ default: module.EditorGlobalHotKeys }))
 );
 const EditorHotKeys = lazy(
   () => import('pages/editor/editorHotKeys')
-    .then(module => ({default: module.EditorHotKeys}))
+    .then(module => ({ default: module.EditorHotKeys }))
 );
 const Body = lazy(
   () => import('pages/common/styledComponent')
-    .then(module => ({default: module.Body}))
+    .then(module => ({ default: module.Body }))
 );
 const EditorContainer = lazy(
   () => import('pages/common/styledComponent')
-    .then(module => ({default: module.EditorContainer}))
+    .then(module => ({ default: module.EditorContainer }))
 );
 const EditorContainerWithViewMode = lazy(
   () => import('pages/common/styledComponent')
-    .then(module => ({default: module.EditorContainerWithViewMode}))
+    .then(module => ({ default: module.EditorContainerWithViewMode }))
 );
 const Height100Div = lazy(
   () => import('pages/common/styledComponent')
-    .then(module => ({default: module.Height100Div}))
+    .then(module => ({ default: module.Height100Div }))
 );
 const LeftPanel = lazy(
   () => import('pages/common/styledComponent')
-    .then(module => ({default: module.LeftPanel}))
+    .then(module => ({ default: module.LeftPanel }))
 );
 const MiddlePanel = lazy(
   () => import('pages/common/styledComponent')
-    .then(module => ({default: module.MiddlePanel}))
+    .then(module => ({ default: module.MiddlePanel }))
 );
 const HelpDropdown = lazy(
   () => import('pages/common/help')
-    .then(module => ({default: module.HelpDropdown}))
+    .then(module => ({ default: module.HelpDropdown }))
 );
 const PreviewHeader = lazy(
   () => import('pages/common/previewHeader')
-    .then(module => ({default: module.PreviewHeader}))
+    .then(module => ({ default: module.PreviewHeader }))
 );
 
 const HookCompContainer = styled.div`
@@ -141,9 +141,8 @@ const HookCompContainer = styled.div`
 `;
 
 const ViewBody = styled.div<{ $hideBodyHeader?: boolean; $height?: number }>`
-  height: ${(props) => `calc(${
-    props.$height ? props.$height + "px" : "100vh"
-  } - env(safe-area-inset-bottom) -
+  height: ${(props) => `calc(${props.$height ? props.$height + "px" : "100vh"
+    } - env(safe-area-inset-bottom) -
       ${props.$hideBodyHeader ? "0px" : TopHeaderHeight}
   )`};
 `;
@@ -498,7 +497,7 @@ function EditorView(props: EditorViewProps) {
         </ViewBody>
       );
     }
-    
+
     return uiComp.getView();
   }, [
     showAppSnapshot,
@@ -511,12 +510,12 @@ function EditorView(props: EditorViewProps) {
     if (isViewMode) return uiComp.getView();
 
     return (
-      editorState.deviceType === "mobile" || editorState.deviceType === "tablet" ? (
+      editorState.deviceType === "mobile" || editorState.deviceType === "tablet" ? (
         <DeviceWrapper
-            deviceType={editorState.deviceType}
-            deviceOrientation={editorState.deviceOrientation}
-          >
-            {uiComp.getView()}
+          deviceType={editorState.deviceType}
+          deviceOrientation={editorState.deviceOrientation}
+        >
+          {uiComp.getView()}
         </DeviceWrapper>
       ) : (
         <div>
@@ -547,7 +546,7 @@ function EditorView(props: EditorViewProps) {
     return (
       <CustomShortcutWrapper>
         <Helmet>
-        {application && <title>{appSettingsComp?.children?.title?.getView?.() || application?.name}</title>}
+          {application && <title>{appSettingsComp?.children?.title?.getView?.() || application?.name}</title>}
           {isLowCoderDomain || isLocalhost && [
             // Adding Support for iframely to be able to embedd apps as iframes
             application?.name ? ([
@@ -557,10 +556,7 @@ function EditorView(props: EditorViewProps) {
               <meta key="iframely:title" property="iframely:title" content="Lowcoder 3" />,
               <meta key="iframely:description" property="iframely:description" content="Lowcoder | rapid App & VideoMeeting builder for everyone." />,
             ]),
-            <link rel="iframely" type="text/html" href={window.location.href} media="(aspect-ratio: 1280/720)"/>,
-            <link key="preconnect-googleapis" rel="preconnect" href="https://fonts.googleapis.com" />,
-            <link key="preconnect-gstatic" rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />,
-            <link key="font-ubuntu" href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet" />,
+            <link rel="iframely" type="text/html" href={window.location.href} media="(aspect-ratio: 1280/720)" />,
             // adding Hubspot Support for Analytics
             <script async defer src="//js-eu1.hs-scripts.com/144574215.js" type="text/javascript" id="hs-script-loader"></script>
           ]}
@@ -579,7 +575,7 @@ function EditorView(props: EditorViewProps) {
       </CustomShortcutWrapper>
     );
   }
-  
+
   // history mode, display with the right panel, a little trick
   const showRight = panelStatus.right || showAppSnapshot;
 
@@ -595,32 +591,29 @@ function EditorView(props: EditorViewProps) {
 
   return (
     <>
-    <Helmet>
-      {application && <title>{appSettingsComp?.children?.title?.getView?.() || application?.name}</title>}
-      {isLowCoderDomain || isLocalhost && [
-        // Adding Support for iframely to be able to embedd apps as iframes
-        application?.name ? ([
-          <meta key="iframely:title" property="iframely:title" content={application.name} />,
-          <meta key="iframely:description" property="iframely:description" content={application.description} />,
-        ]) : ([
-          <meta key="iframely:title" property="iframely:title" content="Lowcoder 3" />,
-          <meta key="iframely:description" property="iframely:description" content="Lowcoder | rapid App & VideoMeeting builder for everyone." />,
-        ]),
-        <link key="iframely" rel="iframely" type="text/html" href={window.location.href} media="(aspect-ratio: 1280/720)" />,
-        <link key="preconnect-googleapis" rel="preconnect" href="https://fonts.googleapis.com" />,
-        <link key="preconnect-gstatic" rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />,
-        <link key="font-ubuntu" href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet" />,
-        // adding Clearbit Support for Analytics
-        <script async defer src="//js-eu1.hs-scripts.com/144574215.js" type="text/javascript" id="hs-script-loader"></script>
-      ]}
-    </Helmet>
-    <Height100Div
-      onDragEnd={(e) => {
-        // log.debug("layout: onDragEnd. Height100Div");
-        editorState.setDragging(false);
-        draggingUtils.clearData();
-      } }
-    >
+      <Helmet>
+        {application && <title>{appSettingsComp?.children?.title?.getView?.() || application?.name}</title>}
+        {isLowCoderDomain || isLocalhost && [
+          // Adding Support for iframely to be able to embedd apps as iframes
+          application?.name ? ([
+            <meta key="iframely:title" property="iframely:title" content={application.name} />,
+            <meta key="iframely:description" property="iframely:description" content={application.description} />,
+          ]) : ([
+            <meta key="iframely:title" property="iframely:title" content="Lowcoder 3" />,
+            <meta key="iframely:description" property="iframely:description" content="Lowcoder | rapid App & VideoMeeting builder for everyone." />,
+          ]),
+          <link key="iframely" rel="iframely" type="text/html" href={window.location.href} media="(aspect-ratio: 1280/720)" />,
+          // adding Clearbit Support for Analytics
+          <script async defer src="//js-eu1.hs-scripts.com/144574215.js" type="text/javascript" id="hs-script-loader"></script>
+        ]}
+      </Helmet>
+      <Height100Div
+        onDragEnd={(e) => {
+          // log.debug("layout: onDragEnd. Height100Div");
+          editorState.setDragging(false);
+          draggingUtils.clearData();
+        }}
+      >
         {isPublicApp
           ? <PreviewHeader />
           : (
@@ -671,7 +664,7 @@ function EditorView(props: EditorViewProps) {
               {panelStatus.left && editorModeStatus !== "layout" && (
                 <LeftPanel>
                   {menuKey === SiderKey.State && <LeftContent uiComp={uiComp} />}
-                  <AppSettingContext.Provider value={{settingType: menuKey as AppSettingType}}>
+                  <AppSettingContext.Provider value={{ settingType: menuKey as AppSettingType }}>
                     <>
                       {menuKey === SiderKey.Setting && (
                         <SettingsDiv>
@@ -717,7 +710,7 @@ function EditorView(props: EditorViewProps) {
                         <LeftPreloadIcon />
                         {trans("leftPanel.toolbarPreload")}
                       </PreloadDiv>
-                      
+
                       {props.preloadComp.getJSLibraryPropertyView()}
                     </>
                   )}