chore: modify the text content of share menu (#8026)

![CleanShot 2024-08-30 at 12 18 27@2x](https://github.com/user-attachments/assets/f43a6d31-1bdb-491c-95f6-4609973b84a6)
![CleanShot 2024-08-30 at 12 18 40@2x](https://github.com/user-attachments/assets/387d4523-d5fb-41d4-8b46-c278432db05e)

packages/frontend/core/src/components/affine/share-page-modal/share-menu/index.css.ts

@@ -38,7 +38,16 @@ export const DoneIconStyle = style({
 export const exportItemStyle = style({
   padding: '4px',
   transition: 'all 0.3s',
+  gap: '0px',
 });
+globalStyle(`${exportItemStyle} > div:first-child`, {
+  alignItems: 'center',
+});
+globalStyle(`${exportItemStyle} svg`, {
+  width: '16px',
+  height: '16px',
+});
+
 export const copyLinkContainerStyle = style({
   padding: '4px',
   display: 'flex',

packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-export.tsx

@@ -20,7 +20,7 @@ export const ShareExport = () => {
       <div className={styles.descriptionStyle}>
         {t['com.affine.share-menu.ShareViaExportDescription']()}
       </div>
-      <div>
+      <div className={styles.exportContainerStyle}>
         <ExportMenuItems
           exportHandler={exportHandler}
           className={styles.exportItemStyle}

packages/frontend/core/src/components/page-list/operation-menu-items/export.tsx

@@ -6,7 +6,7 @@ import {
   ExportToHtmlIcon,
   ExportToMarkdownIcon,
   ExportToPngIcon,
-  FileIcon,
+  PrinterIcon,
 } from '@blocksuite/icons/rc';
 import type { ReactNode } from 'react';
 import { useCallback } from 'react';
@@ -57,7 +57,7 @@ export const PrintMenuItems = ({
       onSelect={() => exportHandler('pdf')}
       className={className}
       type="pdf"
-      icon={<FileIcon />}
+      icon={<PrinterIcon />}
       label={t['com.affine.export.print']()}
     />
   );