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/.pi-map.md

@@ -4,10 +4,10 @@ dir: apps
 index: apps/.pi-map.index.md
 
 ## role
-Container directory for independent application modules or deployable units within the project.
+Contains the main application entry points and executable modules for the project.
 ## files
 ## arch
-Monorepo-style organization where each subdirectory represents a self-contained application sharing common infrastructure or libraries.
+Modular application structure with separate deployable units, likely following a monorepo pattern with independent app configurations.
 ## tags
 -
 ## symbols