hunk.code_window: });
   export const filterTypeStyle = style({
     fontSize: 'var(--affine-font-sm)',
     display: 'flex',
     marginRight: '10px',
   });
   export const filterTypeIconStyle = style({
     fontSize: 'var(--affine-font-base)',
     marginRight: '6px',
  
hunk.labels: keep keep keep keep replace keep keep keep keep
hunk.after_edit:   padding: '2px 4px',
     transition: 'all 0.15s ease-in-out',
     marginRight: '6px',
     ':hover': {
       cursor: 'pointer',
       background: 'var(--affine-hover-color)',
       borderRadius: '4px',
     },
  
hunk.file_path: packages/component/src/components/page-list/filter/index.css.ts
hunk.type: replace
file: import type { NextRouter } from 'next/router';
  import { useMemo } from 'react';
  
  import { WorkspaceSubPathName } from '../shared';
  
  export function useRouterTitle(router: NextRouter) {
    return useMemo(() => {
      if (!router.isReady) {
        return 'Loading...';
      } else {
        if (
          !router.query.pageId &&
          router.pathname.startsWith('/workspace/[workspaceId]/')
        ) {
          const subPath = router.pathname.split('/').at(-1);
          if (subPath && subPath in WorkspaceSubPathName) {
            return (
              WorkspaceSubPathName[subPath as keyof typeof WorkspaceSubPathName] +
              ' - AFFiNE'
            );
          }
        }
        return 'AFFiNE';
      }
    }, [router]);
  }
  