fix: increase CSS specificity for menu border override

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/pages/account/settings/style.style.ts

@@ -19,19 +19,19 @@ const useStyles = createStyles(({ token }) => {
     },
     leftMenu: {
       width: '224px',
-      '.ant-menu-inline': { border: 'none' },
+      borderRight: `${token.lineWidth}px solid ${token.colorSplit}`,
+      '.ant-menu-inline': { border: 'none !important' },
       '.ant-menu-horizontal': { fontWeight: 'bold' },
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
         width: '100%',
+        border: 'none',
       },
     },
     right: {
       flex: '1',
       padding: '8px 40px',
-      borderInlineStart: `${token.lineWidth}px solid ${token.colorSplit}`,
       [`@media screen and (max-width: ${token.screenMD}px)`]: {
         padding: '40px',
-        border: 'none',
       },
     },
     title: {