feat(web/ui): unify config sections, restore home padding, improve project repos

- Add shared .config-section component class and migrate Tool Workshop
  and Config Profiles editors to use it.
- Restore --space-4 padding on home hero, summary cards, and sections
  with --space-3 on mobile.
- Restructure expandable project card: add 'Repositories' header with
  repo count and move 'Add Repository' button into the section header.
- Left-align repository blocks so they fill from the project detail edge.

apps/web/src/styles/global.css

@@ -104,6 +104,7 @@
 	justify-content: space-between;
 	gap: var(--space-4);
 	align-items: flex-start;
+	padding: var(--space-4);
 }
 
 .home-hero-actions {
@@ -123,11 +124,19 @@
 	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
 }
 
+.home-summary-card {
+	padding: var(--space-4);
+}
+
 .home-project-grid,
 .home-session-grid {
 	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
 }
 
+.home-section {
+	padding: var(--space-4);
+}
+
 .home-section h2,
 .settings-header h1,
 .settings-panel h2 {
@@ -139,6 +148,14 @@
 	margin: 0;
 }
 
+@media (max-width: 767px) {
+	.home-hero,
+	.home-summary-card,
+	.home-section {
+		padding: var(--space-3);
+	}
+}
+
 .row-tight {
 	gap: var(--space-2);
 }
@@ -576,6 +593,49 @@
 	margin-bottom: 0;
 }
 
+/* Shared config section — used by Tool Workshop and Config Profiles */
+.config-section {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	padding: var(--space-4);
+	background: var(--panel);
+	border: 1px solid var(--border);
+	border-radius: var(--radius-md);
+}
+
+.config-section-title {
+	margin: 0 0 var(--space-1);
+	font-size: var(--font-size-base);
+	font-weight: 600;
+	line-height: var(--line-height-tight);
+	color: var(--ink);
+}
+
+.config-section-subtitle {
+	margin: calc(var(--space-1) * -1) 0 var(--space-2);
+	font-size: var(--font-size-sm);
+	color: var(--muted);
+	line-height: var(--line-height-normal);
+}
+
+.config-section > .config-section-title + .config-section-subtitle {
+	margin-top: calc(var(--space-2) * -1);
+}
+
+.config-section-header {
+	display: flex;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: var(--space-3);
+	margin-bottom: var(--space-2);
+}
+
+.config-section-header .config-section-title {
+	margin-bottom: 0;
+}
+
+/* Legacy alias for existing consumers */
 .form-section {
 	padding: var(--space-4);
 	background: var(--panel);