refactor(styles): enhance popover styles with border and content overflow handling; update AntdProvider for background mask color

src/renderer/src/assets/styles/ant.scss

@@ -216,6 +216,19 @@
 .ant-dropdown-arrow + .ant-dropdown-menu {
   border: none;
 }
+.ant-popover-inner {
+  border: 0.5px solid var(--color-border);
+  border-radius: 16px;
+  .ant-popover-inner-content {
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+}
+.ant-popover-arrow + .ant-popover-content {
+  .ant-popover-inner {
+    border: none;
+  }
+}
 
 .ant-collapse {
   border: 1px solid var(--color-border);

src/renderer/src/context/AntdProvider.tsx

@@ -67,7 +67,8 @@ const AntdProvider: FC<PropsWithChildren> = ({ children }) => {
         },
         token: {
           colorPrimary: colorPrimary,
-          fontFamily: 'var(--font-family)'
+          fontFamily: 'var(--font-family)',
+          colorBgMask: _theme === 'dark' ? 'rgba(0,0,0,0.7)' : 'rgba(255,255,255,0.7)'
         }
       }}>
       {children}

src/renderer/src/pages/home/Inputbar/SettingButton.tsx

@@ -13,6 +13,7 @@ interface Props {
 const SettingButton: FC<Props> = ({ ToolbarButton }) => {
   return (
     <Popover
+      arrow={false}
       placement="topLeft"
       content={<SettingsTab />}
       trigger="click"