Capitalize cob state badge

src/views/projects/Issue.svelte

@@ -8,6 +8,7 @@
   } from "@httpd-client";
   import type { Session } from "@app/lib/httpd";
 
+  import capitalize from "lodash/capitalize";
   import isEqual from "lodash/isEqual";
   import uniqBy from "lodash/uniqBy";
   import partial from "lodash/partial";
@@ -486,12 +487,12 @@
           {#if issue.state.status === "open"}
             <Badge size="tiny" variant="positive">
               <IconSmall name="issue" />
-              {issue.state.status}
+              {capitalize(issue.state.status)}
             </Badge>
           {:else}
             <Badge size="tiny" variant="negative">
               <IconSmall name="issue" />
-              {issue.state.status} as
+              {capitalize(issue.state.status)} as
               {issue.state.reason}
             </Badge>
           {/if}

src/views/projects/Patch.svelte

@@ -665,7 +665,7 @@
         <svelte:fragment slot="state">
           <Badge size="tiny" variant={badgeColor(patch.state.status)}>
             <IconSmall name="patch" />
-            {patch.state.status}
+            {capitalize(patch.state.status)}
           </Badge>
         </svelte:fragment>
         <svelte:fragment slot="description">

tests/e2e/project/patch.spec.ts

@@ -154,13 +154,13 @@ test("change patch state", async ({ page, authenticatedPeer }) => {
   );
   await page.goto(`${authenticatedPeer.uiUrl()}/${rid}/patches/${patchId}`);
   await page.getByRole("button", { name: "Archive patch" }).first().click();
-  await expect(page.getByText("archived", { exact: true })).toBeVisible();
+  await expect(page.getByText("Archived", { exact: true })).toBeVisible();
   await expect(page.getByRole("button", { name: "Patches 0" })).toBeVisible();
 
   await page.getByLabel("stateToggle").first().click();
   await page.getByText("Convert to draft").click();
   await page.getByText("Convert to draft").click();
-  await expect(page.getByText("draft", { exact: true })).toBeVisible();
+  await expect(page.getByText("Draft", { exact: true })).toBeVisible();
   await expect(page.getByRole("button", { name: "Patches 0" })).toBeVisible();
 });