hunk.code_window:     transition: 'all 0.15s',
       letterSpacing: '0.06em',
       '[cmdk-group-heading]': {
         margin: '5px 16px',
         fontSize: theme.font.sm,
         fontWeight: '500',
       },
       '[aria-selected="true"]': {
         borderRadius: '5px',
  
hunk.labels: keep keep keep keep replace keep keep keep keep
hunk.after_edit:       fontSize: theme.font.base,
  
hunk.file_path: packages/app/src/components/quick-search/style.ts
hunk.type: replace
file: import { Button } from '@affine/component';
  import { useTranslation } from '@affine/i18n';
  import { useState } from 'react';
  import { EnableWorkspaceModal } from './EnableWorkspaceModal';
  
  export const EnableWorkspaceButton = () => {
    const { t } = useTranslation();
    const [enableModalOpen, setEnableModalOpen] = useState(false);
    return (
      <>
        <Button
          type="light"
          shape="circle"
          onClick={async () => {
            setEnableModalOpen(true);
          }}
        >
          {t('Enable AFFiNE Cloud')}
        </Button>
        <EnableWorkspaceModal
          open={enableModalOpen}
          onClose={() => {
            setEnableModalOpen(false);
          }}
        ></EnableWorkspaceModal>
      </>
    );
  };
  