fix: rewrite workspacesetting layout

packages/app/src/components/header/PageListHeader.tsx

@@ -1,7 +1,7 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import Header from './Header';
 import { StyledPageListTittleWrapper } from './styles';
-import QuickSearchButton from './QuickSearchButton';
+// import QuickSearchButton from './QuickSearchButton';
 
 export type PageListHeaderProps = PropsWithChildren<{
   icon?: ReactNode;
@@ -12,7 +12,7 @@ export const PageListHeader = ({ icon, children }: PageListHeaderProps) => {
       <StyledPageListTittleWrapper>
         {icon}
         {children}
-        <QuickSearchButton style={{ marginLeft: '5px' }} />
+        {/* <QuickSearchButton style={{ marginLeft: '5px' }} /> */}
       </StyledPageListTittleWrapper>
     </Header>
   );

packages/app/src/components/header/styles.ts

@@ -3,35 +3,25 @@ import { displayFlex, styled } from '@/styles';
 export const StyledHeaderContainer = styled.div<{ hasWarning: boolean }>(
   ({ hasWarning }) => {
     return {
-      position: 'relative',
       height: hasWarning ? '96px' : '60px',
     };
   }
 );
-export const StyledHeader = styled.div<{ hasWarning: boolean }>(
-  ({ hasWarning }) => {
-    return {
-      height: '60px',
-      width: '100%',
-      ...displayFlex('flex-end', 'center'),
-      background: 'var(--affine-page-background)',
-      transition: 'background-color 0.5s',
-      position: 'absolute',
-      left: '0',
-      top: hasWarning ? '36px' : '0',
-      padding: '0 22px',
-      zIndex: 99,
-    };
-  }
-);
+export const StyledHeader = styled.div<{ hasWarning: boolean }>(() => {
+  return {
+    height: '60px',
+    width: '100%',
+    ...displayFlex('flex-end', 'center'),
+    background: 'var(--affine-page-background)',
+    transition: 'background-color 0.5s',
+    zIndex: 99,
+  };
+});
 
 export const StyledTitle = styled('div')(({ theme }) => ({
   width: '720px',
   height: '100%',
-  position: 'absolute',
-  left: 0,
-  right: 0,
-  top: 0,
+
   margin: 'auto',
 
   ...displayFlex('center', 'center'),