XS✔ ◾ Replace stop emoji and remove dash in My Shaves empty state

src/ui/src/components/shaves/NoShaves.test.tsx

@@ -0,0 +1,21 @@
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { NoShaves } from "./NoShaves";
+
+describe("NoShaves (#966)", () => {
+  it("uses a sad face emoji instead of the stop-sign emoji (AC1)", () => {
+    render(<NoShaves />);
+
+    const title = screen.getByText(/You don't have any YakShaves yet!/i);
+    expect(title.textContent).toContain("😢");
+    expect(title.textContent).not.toContain("⛔️");
+  });
+
+  it("has no dash between the emoji and the message text (AC2)", () => {
+    render(<NoShaves />);
+
+    const title = screen.getByText(/You don't have any YakShaves yet!/i);
+    expect(title.textContent).toBe("😢 You don't have any YakShaves yet!");
+    expect(title.textContent).not.toMatch(/-\s*You don't have any YakShaves yet!/);
+  });
+});

src/ui/src/components/shaves/NoShaves.tsx

@@ -10,7 +10,7 @@ export function NoShaves() {
   return (
     <Empty>
       <EmptyHeader className="gap-6 items-start!">
-        <EmptyTitle>⛔️ - You don't have any YakShaves yet!</EmptyTitle>
+        <EmptyTitle>😢 You don't have any YakShaves yet!</EmptyTitle>
         <EmptyDescription>Get started in 3 easy steps:</EmptyDescription>
       </EmptyHeader>
       <div className="flex flex-col gap-6">