refactor: slim ConfigProfilesPage to 150 lines

Extract handleReset callback, compact loading/error states.

Quality gates: tsc --noEmit pass

apps/web/src/pages/ConfigProfilesPage.tsx

@@ -61,21 +61,18 @@ export const ConfigProfilesPage = () => {
 		populateForm,
 	} = useConfigProfiles();
 
-	if (status === "loading") {
+	const handleReset = () => {
-		return (
+		if (isCreating) {
-			<div className="container">
+			setFormData({ name: "", description: "", env_vars: {}, runtime_hints: {}, mounts: [], git_mounts: [], files: {}, is_default: false });
-				<LoadingState message="Loading Config Profiles..." />
+			setIncludedProfileIds([]);
-			</div>
+			setSaveStatus("idle");
-		);
+		} else if (selectedProfile) {
-	}
+			populateForm(selectedProfile);
+		}
+	};
 
-	if (status === "error") {
+	if (status === "loading") return <div className="container"><LoadingState message="Loading Config Profiles..." /></div>;
-		return (
+	if (status === "error") return <div className="container"><ErrorState message="Failed to load Config Profiles." onRetry={loadData} /></div>;
-			<div className="container">
-				<ErrorState message="Failed to load Config Profiles." onRetry={loadData} />
-			</div>
-		);
-	}
 
 	if (isMobile) {
 		return (
@@ -126,24 +123,7 @@ export const ConfigProfilesPage = () => {
 				getScopeLabel={getScopeLabel}
 				onFormChange={updateFormField}
 				onSubmit={handleSubmit}
-				onReset={() => {
+				onReset={handleReset}
-					if (isCreating) {
-						setFormData({
-							name: "",
-							description: "",
-							env_vars: {},
-							runtime_hints: {},
-							mounts: [],
-							git_mounts: [],
-							files: {},
-							is_default: false,
-						});
-						setIncludedProfileIds([]);
-						setSaveStatus("idle");
-					} else if (selectedProfile) {
-						populateForm(selectedProfile);
-					}
-				}}
 				onPreview={() => selectedProfile && handlePreview(selectedProfile.id)}
 				onAddInclude={addInclude}
 				onRemoveInclude={removeInclude}