fix build and auto-test issues

src/views/AccountViewView.vue

@@ -352,12 +352,8 @@
           </button>
         </div>
       </div>
-      <div v-else-if="loadingProfile">
+      <div v-else-if="loadingProfile">Loading...</div>
-        Loading...
+      <div v-else>Saving...</div>
-      </div>
-      <div v-else="savingProfile">
-        Saving...
-      </div>
     </div>
 
     <div

src/views/ProjectViewView.vue

@@ -6,7 +6,8 @@
   <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
     <!-- Breadcrumb -->
     <div id="ViewBreadcrumb">
-      <h1 class="text-lg text-center font-light relative px-7">
+      <div>
+        <h1 class="text-center text-lg font-light relative px-7">
           <!-- Back -->
           <button
             @click="$router.go(-1)"
@@ -15,7 +16,8 @@
             <fa icon="chevron-left" class="fa-fw"></fa>
           </button>
           Project Idea
-        <h2 class="text-xl font-semibold">
+        </h1>
+        <h2 class="text-center text-xl font-semibold">
           {{ name }}
           <button
             v-if="activeDid === issuer || activeDid === agentDid"
@@ -26,7 +28,7 @@
             <fa icon="pen" class="text-sm text-blue-500 ml-2 mb-1" />
           </button>
         </h2>
-      </h1>
+      </div>
     </div>
 
     <!-- Project Details -->

test-playwright/10-check-usage-limits.spec.ts

@@ -23,6 +23,6 @@ test('Check usage limits', async ({ page }) => {
   await page.getByRole('button', { name: 'Set Your Name' }).click();
   const name = 'User ' + did.slice(11, 14);
   await page.getByPlaceholder('Name').fill(name);
-  await page.getByRole('button', { name: 'Save' }).click();
+  await page.getByRole('button', { name: 'Save', exact: true }).click();
 
 });