Keep the header buttons right-aligned once the title wraps below

.project-head__actions stretches full width on mobile along with the
title (align-items: stretch), but its own content was left-aligned by
default. Add justify-content: flex-end there under the same
breakpoint, and wrap ProjectView's ProjectManageMenu in a
.project-head__actions div (it wasn't before) so both views share one
selector for this instead of ProjectView needing its own.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

web/src/views/ProjectView.vue

@@ -149,11 +149,13 @@ async function onCreate() {
       <div class="project-head">
         <h1 class="project-head__title">{{ project.title }}</h1>
 
-        <ProjectManageMenu
-          :project-id="projectId"
-          :project-title="project.title"
-          :card-count="cards.cards.length"
-        />
+        <div class="project-head__actions">
+          <ProjectManageMenu
+            :project-id="projectId"
+            :project-title="project.title"
+            :card-count="cards.cards.length"
+          />
+        </div>
       </div>
 
       <p v-if="actionError" class="form-error">{{ actionError }}</p>