✨ feat(settings-faq): improve FAQ table readability with tooltip & text truncation

* Added `Tooltip` component and ellipsis style for “question” & “answer” columns
* Keeps table compact while showing full content on hover
* Updated success messages punctuation for consistency

web/src/pages/Setting/Dashboard/SettingsAnnouncements.js

@@ -130,7 +130,7 @@ const SettingsAnnouncements = ({ options, refresh }) => {
       dataIndex: 'extra',
       key: 'extra',
       render: (text) => (
-        <Tooltip content={text || '-'} position='topLeft' showArrow>
+        <Tooltip content={text || '-'} showArrow>
           <div style={{
             maxWidth: '200px',
             overflow: 'hidden',

web/src/pages/Setting/Dashboard/SettingsFAQ.js

@@ -8,7 +8,8 @@ import {
   Empty,
   Divider,
   Modal,
-  Switch
+  Switch,
+  Tooltip
 } from '@douyinfe/semi-ui';
 import {
   IllustrationNoResult,
@@ -54,13 +55,17 @@ const SettingsFAQ = ({ options, refresh }) => {
       dataIndex: 'question',
       key: 'question',
       render: (text) => (
-        <div style={{
+        <Tooltip content={text} showArrow>
-          maxWidth: '300px',
+          <div style={{
-          wordBreak: 'break-word',
+            maxWidth: '300px',
-          fontWeight: 'bold'
+            overflow: 'hidden',
-        }}>
+            textOverflow: 'ellipsis',
-          {text}
+            whiteSpace: 'nowrap',
-        </div>
+            fontWeight: 'bold'
+          }}>
+            {text}
+          </div>
+        </Tooltip>
       )
     },
     {
@@ -68,14 +73,17 @@ const SettingsFAQ = ({ options, refresh }) => {
       dataIndex: 'answer',
       key: 'answer',
       render: (text) => (
-        <div style={{
+        <Tooltip content={text} showArrow>
-          maxWidth: '400px',
+          <div style={{
-          wordBreak: 'break-word',
+            maxWidth: '400px',
-          whiteSpace: 'pre-wrap',
+            overflow: 'hidden',
-          color: 'var(--semi-color-text-1)'
+            textOverflow: 'ellipsis',
-        }}>
+            whiteSpace: 'nowrap',
-          {text}
+            color: 'var(--semi-color-text-1)'
-        </div>
+          }}>
+            {text}
+          </div>
+        </Tooltip>
       )
     },
     {