fix(web/ui): resolve padding and dialog layout issues from audit

- Remove conflicting .dialog/.dialog-body rules from utilities.css
- Fix live-session sidebar alignment and padding
- Wrap ProjectDialog, RepositoryCreateDialog, WorkspacesPage modals in .dialog-header/.dialog-body
- Migrate SessionsPage dirty-delete modal from .modal-* to .dialog-*
- Add padding to .project-card
- Fix session-card-actions border token (var(--border))
- Remove duplicate .dialog-actions rule in global.css
- Add pb-20 bottom clearance to ConfigProfile/ToolType editor scroll containers
- Add .card-md padding to ErrorState

apps/web/src/styles/global.css

@@ -381,6 +381,7 @@
 	flex-direction: column;
 	align-items: stretch;
 	gap: 0;
+	padding: var(--space-4);
 }
 
 .project-info h3 {
@@ -677,12 +678,6 @@
 	line-height: var(--line-height-normal);
 }
 
-.dialog-actions {
-	display: flex;
-	justify-content: flex-end;
-	gap: 0.6rem;
-}
-
 .keys-list {
 	display: flex;
 	flex-direction: column;

apps/web/src/styles/pages/sessions.css

@@ -115,14 +115,14 @@
 	align-items: center;
 	gap: var(--space-2);
 	padding-top: var(--space-3);
-	border-top: 1px solid var(--color-border);
+	border-top: 1px solid var(--border);
 }
 
 .session-card-actions.mobile {
 	display: flex;
 	gap: var(--space-2);
 	padding-top: var(--space-3);
-	border-top: 1px solid var(--color-border);
+	border-top: 1px solid var(--border);
 }
 
 .session-card-actions.mobile .mobile-primary {

apps/web/src/styles/utilities.css

@@ -434,17 +434,6 @@ button,
 	min-width: var(--touch-target);
 }
 
-/* Dialog Responsive */
-.dialog {
-	width: min(560px, 100vw - 2rem);
-	max-height: min(800px, 100vh - 2rem);
-	overflow-y: auto;
-}
-
-.dialog-lg {
-	width: min(800px, 100vw - 2rem);
-}
-
 /* Table Responsive */
 .table-responsive {
 	overflow-x: auto;
@@ -621,11 +610,6 @@ a.nav-item,
 	width: 100%;
 }
 
-/* Dialog content spacing */
-.dialog-body {
-	padding: var(--space-4) 0;
-}
-
 /* Prevent text overflow in cards */
 .card h3,
 .card p {
@@ -636,9 +620,11 @@ a.nav-item,
 /* Session Navigation */
 .session-item {
 	display: flex;
-	align-items: center;
+	align-items: flex-start;
 	gap: var(--space-2);
-	padding-left: var(--space-2);
+	padding: var(--space-2) var(--space-3);
+	text-align: left;
+	width: 100%;
 }
 
 .session-icon-wrap {
@@ -649,7 +635,7 @@ a.nav-item,
 	width: 1.25rem;
 	height: 1.25rem;
 	flex-shrink: 0;
-	align-self: flex-start;
+	margin-top: 2px;
 }
 
 .session-icon-wrap .icon {