feat: refine portfolio showcase, services and quality lab

Align the notebook browser with the physical LCD, refresh real project captures and navigation, simplify service content, and stabilize hero hydration.

app/components/story/notebookProjects.test.ts

@@ -7,7 +7,7 @@ import { selectNotebookProjects } from "./notebookProjects";
 const projectsFixture = getFeaturedProjects(null);
 
 describe("selectNotebookProjects", () => {
-  it("returns the four ordered projects with local screenshots", () => {
+  it("returns featured projects in notebook order", () => {
     const result = selectNotebookProjects(projectsFixture);
 
     expect(result.map((project) => project.id)).toEqual([
@@ -16,11 +16,6 @@ describe("selectNotebookProjects", () => {
       "sev-modaintima",
       "as-servicos",
     ]);
-    expect(
-      result.every((project) =>
-        project.screenshotSrc.startsWith("/assets/prints/"),
-      ),
-    ).toBe(true);
   });
 
   it("omits a project when its screenshot mapping is missing", () => {