feat: mobile Spaces nav and list-based project/workspace views

- Combine Projects and Workspaces into a single 'Spaces' grouped mobile
  nav item that opens a bottom-sheet menu.
- Add SpacesBottomSheet component with Projects/Workspaces options.
- Extend MobileListView with optional renderItem prop for rich rows.
- Redesign mobile ProjectsPage rows to show project description and
  repository chips.
- Replace mobile WorkspacesPage list with compact WorkspaceCard grid,
  matching desktop card content.
- Add mobile-list-* CSS and mobile-workspaces-list spacing.

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

apps/web/src/styles/utilities.css

@@ -1957,6 +1957,129 @@ a.nav-item,
 	color: var(--brand);
 }
 
+/* Mobile List View */
+.mobile-list-view {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+}
+
+.mobile-list-items {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+}
+
+.mobile-list-item {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	width: 100%;
+	padding: var(--space-3);
+	background: var(--panel);
+	border: 1px solid var(--border);
+	border-radius: 10px;
+	color: var(--text);
+	text-align: left;
+	cursor: pointer;
+	min-height: 56px;
+}
+
+.mobile-list-item:active {
+	background: var(--bg);
+}
+
+.mobile-list-item-icon {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+	color: var(--muted);
+}
+
+.mobile-list-item-content {
+	flex: 1;
+	min-width: 0;
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+}
+
+.mobile-list-item-title {
+	font-weight: 600;
+	font-size: var(--font-size-base);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.mobile-list-item-subtitle {
+	font-size: var(--font-size-sm);
+	color: var(--muted);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.mobile-list-item-actions {
+	display: flex;
+	align-items: center;
+	flex-shrink: 0;
+	color: var(--muted);
+}
+
+.mobile-list-empty {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--space-3);
+	padding: var(--space-10) var(--space-4);
+	color: var(--muted);
+	text-align: center;
+}
+
+.mobile-list-empty p {
+	margin: 0;
+}
+
+/* Rich project rows */
+.mobile-list-item-content-rich {
+	gap: var(--space-2);
+}
+
+.mobile-list-item-description {
+	margin: 0;
+	font-size: var(--font-size-sm);
+	color: var(--muted);
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	overflow: hidden;
+}
+
+.mobile-list-item-chips {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-1);
+	margin-top: var(--space-1);
+}
+
+.mobile-list-item-chip {
+	font-size: var(--font-size-xs);
+	padding: var(--space-1) var(--space-2);
+	background: var(--bg);
+	border: 1px solid var(--border);
+	border-radius: 999px;
+	color: var(--ink);
+}
+
+.mobile-list-item-chip.muted {
+	color: var(--muted);
+	font-style: italic;
+	background: transparent;
+}
+
 /* Mobile Page Header */
 .mobile-page-header {
 	display: flex;