fix: make workspace project name visible on mobile and desktop cards

- Move the project name below the workspace title row so it reads as a
  distinct line with a project icon.
- Move the status badge into the title row next to the workspace name,
  preventing it from crowding the project label.
- Add .workspace-title-row flex styles and update .workspace-project-name
  to display inline-flex with a brand-colored project icon.

Quality gates: npm run typecheck, npm run lint clean,
npm test -- --run 87 passed.

apps/web/src/components/features/workspace/workspace-card.tsx

@@ -35,15 +35,18 @@ export function WorkspaceCard({
 					className="workspace-title-link"
 				>
 					<div className="workspace-title-stack">
+						<div className="workspace-title-row">
+							<h4 className="workspace-name">{workspace.name}</h4>
+							<span className={`status-badge ${statusClass}`}>
+								{workspace.status}
+							</span>
+						</div>
 						<span className="workspace-project-name">
+							<Icon name="projects" size="sm" />
 							{workspace.project_name}
 						</span>
-						<h4 className="workspace-name">{workspace.name}</h4>
 					</div>
 				</Link>
-				<span className={`status-badge ${statusClass}`}>
-					{workspace.status}
-				</span>
 			</div>
 
 			<div className="workspace-card-body">