refactor: simplify mode scope badge display logic

Replace ternary conditionals with `|| "global"` pattern to match
MCP server badge implementation. This is cleaner and more idiomatic.

Author: heyseth

webview-ui/src/components/chat/ModeSelector.tsx

@@ -272,7 +272,7 @@ export const ModeSelector = ({
 												<div className="flex items-center gap-1.5">
 													<span className="font-bold truncate">{mode.name}</span>
 													<span className="text-[10px] px-1 py-0.5 rounded bg-vscode-badge-background text-vscode-badge-foreground">
-														{mode.source === "project" ? "project" : "global"}
+														{mode.source || "global"}
 													</span>
 												</div>
 												{mode.description && (

webview-ui/src/components/modes/ModesView.tsx

@@ -625,7 +625,7 @@ const ModesView = ({ onDone }: ModesViewProps) => {
 										</span>
 										{getCurrentMode() && (
 											<span className="text-[10px] px-1 py-0.5 rounded bg-vscode-badge-background text-vscode-badge-foreground">
-												{getCurrentMode()?.source === "project" ? "project" : "global"}
+												{getCurrentMode()?.source || "global"}
 											</span>
 										)}
 									</div>
@@ -690,7 +690,7 @@ const ModesView = ({ onDone }: ModesViewProps) => {
 																	{modeConfig.name}
 																</span>
 																<span className="text-[10px] px-1 py-0.5 rounded bg-vscode-badge-background text-vscode-badge-foreground">
-																	{modeConfig.source === "project" ? "project" : "global"}
+																	{modeConfig.source || "global"}
 																</span>
 															</div>
 															<span