ai-plugin: Use mcp settings

Signed-off-by: Ashu Ghildiyal <aghildiyal@microsoft.com>

Author: ashu8912

ai-assistant/src/components/settings/index.ts

@@ -1,2 +1,3 @@
 export { default as ModelSelector } from './ModelSelector';
 export { default as TermsDialog } from './TermsDialog';
+export { MCPSettings } from './MCPSettings';

ai-assistant/src/index.tsx

@@ -22,6 +22,7 @@ import {
 import React from 'react';
 import { useHistory } from 'react-router-dom';
 import { ModelSelector } from './components';
+import { MCPSettings } from './components/settings/MCPSettings';
 import { getDefaultConfig } from './config/modelConfig';
 import { isTestModeCheck } from './helper';
 import AIPrompt from './modal';
@@ -460,6 +461,10 @@ function Settings() {
           </Box>
         ))}
       </Box>
+
+      {/* MCP Servers Section */}
+      <Divider sx={{ my: 3 }} />
+      <MCPSettings />
     </Box>
   );
 }