fix(web): priority displayName for settings name error (#336)

web/src/app/settings/tabs/about-tab.tsx

@@ -12,3 +12,4 @@ export const AboutTab: Tab = () => {
   return <Markdown>{about}</Markdown>;
 };
 AboutTab.icon = BadgeInfo;
+AboutTab.displayName = "About";

web/src/app/settings/tabs/general-tab.tsx

@@ -179,5 +179,5 @@ export const GeneralTab: Tab = ({
     </div>
   );
 };
-GeneralTab.displayName = "";
+GeneralTab.displayName = "General";
 GeneralTab.icon = Settings;

web/src/app/settings/tabs/index.tsx

@@ -8,7 +8,7 @@ import { GeneralTab } from "./general-tab";
 import { MCPTab } from "./mcp-tab";
 
 export const SETTINGS_TABS = [GeneralTab, MCPTab, AboutTab].map((tab) => {
-  const name = tab.name ?? tab.displayName;
+  const name = tab.displayName ?? tab.name;
   return {
     ...tab,
     id: name.replace(/Tab$/, "").toLocaleLowerCase(),

web/src/app/settings/tabs/mcp-tab.tsx

@@ -180,6 +180,7 @@ export const MCPTab: Tab = ({ settings, onChange }) => {
 };
 MCPTab.icon = Blocks;
 MCPTab.badge = "Beta";
+MCPTab.displayName = "MCP";
 
 function mergeServers(
   existing: MCPServerMetadata[],