feat: update iconfont and enhance DataSettings with new Obsidian icon

- Updated iconfont CSS to include a new icon for Obsidian.
- Replaced the Obsidian image with the new icon in DataSettings for improved consistency.
- Adjusted layout styles in ListItem to center icons properly.

src/renderer/src/assets/fonts/icon-fonts/iconfont.css

@@ -1,6 +1,6 @@
 @font-face {
   font-family: 'iconfont'; /* Project id 4753420 */
-  src: url('iconfont.woff2?t=1741743579060') format('woff2');
+  src: url('iconfont.woff2?t=1742184675192') format('woff2');
 }
 
 .iconfont {
@@ -11,6 +11,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-obsidian:before {
+  content: '\e677';
+}
+
 .icon-notion:before {
   content: '\e690';
 }

src/renderer/src/components/ListItem/index.tsx

@@ -55,6 +55,9 @@ const ListItemContent = styled.div`
 `
 
 const IconWrapper = styled.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
   margin-right: 8px;
 `
 

src/renderer/src/pages/home/Tabs/TopicsTab.tsx

@@ -26,7 +26,6 @@ import { Assistant, Topic } from '@renderer/types'
 import { removeSpecialCharactersForFileName } from '@renderer/utils'
 import { copyTopicAsMarkdown } from '@renderer/utils/copy'
 import {
-  exportMarkdownToNotion,
   exportMarkdownToYuque,
   exportTopicAsMarkdown,
   exportTopicToNotion,

src/renderer/src/pages/settings/DataSettings/DataSettings.tsx

@@ -24,10 +24,9 @@ import styled from 'styled-components'
 import { SettingContainer, SettingDivider, SettingGroup, SettingRow, SettingRowTitle, SettingTitle } from '..'
 import MarkdownExportSettings from './MarkdownExportSettings'
 import NotionSettings from './NotionSettings'
+import ObsidianSettings from './ObsidianSettings'
 import WebDavSettings from './WebDavSettings'
 import YuqueSettings from './YuqueSettings'
-import ObsidianSettings from './ObsidianSettings'
-import ObsidianIcon from '@renderer/assets/images/apps/obsidian.svg'
 
 const DataSettings: FC = () => {
   const { t } = useTranslation()
@@ -45,11 +44,15 @@ const DataSettings: FC = () => {
       icon: <FileMarkdownOutlined style={{ fontSize: 16 }} />
     },
     { key: 'notion', title: 'settings.data.notion.title', icon: <i className="iconfont icon-notion" /> },
-    { key: 'yuque', title: 'settings.data.yuque.title', icon: <YuqueOutlined style={{ fontSize: 16 }} /> },
+    {
+      key: 'yuque',
+      title: 'settings.data.yuque.title',
+      icon: <YuqueOutlined style={{ fontSize: 16 }} />
+    },
     {
       key: 'obsidian',
       title: 'settings.data.obsidian.title',
-      icon: <img src={ObsidianIcon} alt="obsidian" style={{ width: '16px', height: '16px' }} />
+      icon: <i className="iconfont icon-obsidian" />
     }
   ]
 
@@ -215,6 +218,10 @@ const MenuList = styled.div`
   padding: 12px;
   border-right: 0.5px solid var(--color-border);
   height: 100%;
+  .iconfont {
+    color: var(--color-text-2);
+    line-height: 16px;
+  }
 `
 
 export default DataSettings

src/renderer/src/pages/settings/DataSettings/ObsidianSettings.tsx

@@ -94,8 +94,8 @@ const ObsidianSettings: FC = () => {
       </SettingRow>
       <SettingDivider />
       <SettingRow>
-        <SettingRowTitle>
-          {t('settings.data.obsidian.api_key')}
+        <SettingRowTitle style={{ display: 'flex', alignItems: 'center' }}>
+          <span>{t('settings.data.obsidian.api_key')}</span>
           <Tooltip title={t('settings.data.obsidian.help')} placement="left">
             <InfoCircleOutlined
               style={{ color: 'var(--color-text-2)', cursor: 'pointer', marginLeft: 4 }}