fix(web/ui): correct project card layout and unify config section actions

- Fix .project-card flex direction so expanded repos align left
- Add .config-section-actions for consistent save bars
- Replace sticky footer in Config Profiles with config-section-actions
- Replace dialog-actions in Tool Type editor with config-section-actions
- Convert manifest editor preview block to .config-section

apps/web/src/components/features/tool/manifest-editor.tsx

@@ -749,14 +749,19 @@ export const ManifestEditor = ({
 			</section>
 
 			{/* Preview */}
-			<div className="card-md stack stack-md">
-				<div className="row justify-between items-center">
-					<h4 className="m-0">Live Preview</h4>
+			<section className="config-section">
+				<div className="config-section-header">
+					<div>
+						<h4 className="config-section-title">Live Preview</h4>
+						<p className="config-section-subtitle">
+							Preview generated Dockerfile and Compose output
+						</p>
+					</div>
 					<button
 						type="button"
 						onClick={handlePreview}
 						disabled={previewLoading}
-						className="button-secondary"
+						className="btn btn-secondary"
 					>
 						<Icon name="refresh" size="sm" />
 						{previewLoading ? "Compiling..." : "Preview"}
@@ -779,7 +784,7 @@ export const ManifestEditor = ({
 						</div>
 					</div>
 				)}
-			</div>
+			</section>
 		</div>
 	);
 };