refactor: improve style for ManageModelList and Tooltips (#9227)

* refactor(ManageModelsPopup): remove margin of Empty

* chore: use destroyOnHidden rather than deprecated destroyTooltipOnHide

* refactor: center Empty

src/renderer/src/components/Popups/ApiKeyListPopup/item.tsx

@@ -130,7 +130,7 @@ const ApiKeyItem: FC<ApiKeyItemProps> = ({
             mouseEnterDelay={0.5}
             placement="top"
             // 确保不留下明文
-            destroyTooltipOnHide>
+            destroyOnHidden>
             <span style={{ cursor: 'help' }}>{maskApiKey(keyStatus.key)}</span>
           </Tooltip>
 

src/renderer/src/pages/home/Messages/ChatFlowHistory.tsx

@@ -142,7 +142,7 @@ const CustomNode: FC<{ data: any }> = ({ data }) => {
       color="rgba(0, 0, 0, 0.85)"
       mouseEnterDelay={0.3}
       mouseLeaveDelay={0.1}
-      destroyTooltipOnHide>
+      destroyOnHidden>
       <CustomNodeContainer
         style={{
           borderColor,

src/renderer/src/pages/home/Messages/MessageGroup.tsx

@@ -241,7 +241,7 @@ const MessageGroup = ({ messages, topic, registerMessageElement }: Props) => {
         return (
           <Popover
             key={message.id}
-            destroyTooltipOnHide
+            destroyOnHidden
             content={
               <MessageWrapper
                 className={classNames([

src/renderer/src/pages/settings/ProviderSettings/ModelList/ManageModelsList.tsx

@@ -109,7 +109,7 @@ const ManageModelsList: React.FC<ManageModelsListProps> = ({ modelGroups, provid
 
       return (
         <Tooltip
-          destroyTooltipOnHide
+          destroyOnHidden
           title={
             isAllInProvider
               ? t('settings.models.manage.remove_whole_group')

src/renderer/src/pages/settings/ProviderSettings/ModelList/ManageModelsPopup.tsx

@@ -336,7 +336,14 @@ const PopupContainer: React.FC<Props> = ({ providerId, resolve }) => {
             <Empty
               image={Empty.PRESENTED_IMAGE_SIMPLE}
               description={t('settings.models.empty')}
-              style={{ visibility: loadingModels ? 'hidden' : 'visible' }}
+              style={{
+                visibility: loadingModels ? 'hidden' : 'visible',
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100%',
+                margin: '0'
+              }}
             />
           ) : (
             <ManageModelsList