feat(FN-001): complete Step 2 — mobile board CSS fix\n\n- Change scroll-snap-type from mandatory to proximity\n- Add overflow-anchor: none\n- Add width: 100% to mobile .board and .list-view\n- Update board-mobile.test.tsx scroll-snap assertion

packages/dashboard/app/components/ListView.css

@@ -3,6 +3,7 @@
   display: flex;
   flex-direction: column;
   height: 100%;
+  width: 100%;
   overflow: hidden;
   background: var(--bg);
 }

packages/dashboard/app/components/__tests__/board-mobile.test.tsx

@@ -156,11 +156,11 @@ describe("Board desktop column width CSS", () => {
 });
 
 describe("Board and Column mobile CSS", () => {
-  it("contains .board scroll-snap-type: x mandatory in the mobile media block", () => {
+  it("contains .board scroll-snap-type: x proximity in the mobile media block (FN-001)", () => {
     const css = loadAllAppCss();
     const mobileSection = getMainMobileSection(css);
 
-    expectRuleToContain(mobileSection, ".board", "scroll-snap-type: x mandatory;");
+    expectRuleToContain(mobileSection, ".board", "scroll-snap-type: x proximity;");
   });
 
   it("contains .board scroll-behavior: smooth in the mobile media block", () => {

packages/dashboard/app/styles.css

@@ -3250,7 +3250,8 @@ input[type="range"]:focus-visible {
     overflow-x: auto;
     overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
-    scroll-snap-type: x mandatory;
+    scroll-snap-type: x proximity;
+    overflow-anchor: none;
     scroll-padding-inline: calc(50% - 150px);
     scroll-behavior: smooth;
     scrollbar-width: none;
@@ -3258,6 +3259,7 @@ input[type="range"]:focus-visible {
     padding-bottom: var(--space-md);
     gap: var(--space-md);
     height: 100%;
+    width: 100%;
   }
 
   .board::-webkit-scrollbar {