fix(component): windows client does not have app controls on some pages (#8176)

close AF-1266

packages/frontend/core/src/modules/app-tabs-header/views/app-tabs-header.tsx

@@ -12,7 +12,6 @@ import {
   appSidebarResizingAtom,
 } from '@affine/core/components/app-sidebar';
 import { appSidebarWidthAtom } from '@affine/core/components/app-sidebar/index.jotai';
-import { WindowsAppControls } from '@affine/core/components/pure/header/windows-app-controls';
 import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { useCatchEventCallback } from '@affine/core/hooks/use-catch-event-hook';
 import { track } from '@affine/core/mixpanel';
@@ -475,7 +474,7 @@ export const AppTabsHeader = ({
         <RightSidebarIcon />
       </IconButton>
       {environment.isElectron && environment.isWindows ? (
-        <WindowsAppControls />
+        <div className={styles.windowsAppControlsPlaceholder} />
       ) : null}
     </div>
   );

packages/frontend/core/src/modules/app-tabs-header/views/styles.css.ts

@@ -242,6 +242,12 @@ export const spacer = style({
   },
 });
 
+export const windowsAppControlsPlaceholder = style({
+  width: '160px',
+  height: '100%',
+  flexShrink: 0,
+});
+
 export const dropIndicator = style({
   position: 'absolute',
   height: 32,