fix(web): align memo list gutters

apps/web/src/components/MemoListPane.test.mjs

@@ -11,3 +11,11 @@ describe("memo context menu", () => {
     expect(source).not.toContain("contextMoveOpen");
   });
 });
+
+describe("desktop memo list spacing", () => {
+  test("reserves matching desktop scrollbar gutters on both sides", () => {
+    const source = readFileSync(new URL("./MemoListPane.tsx", import.meta.url), "utf8");
+
+    expect(source).toContain("lg:px-0 lg:pb-3 lg:[scrollbar-gutter:stable_both-edges]");
+  });
+});

apps/web/src/components/MemoListPane.tsx

@@ -1367,7 +1367,7 @@ export const MemoListPane = ({
 
       <div
         ref={listScrollRef}
-        className="relative min-h-0 flex-1 overflow-y-auto p-3 pb-[calc(7rem+env(safe-area-inset-bottom))] lg:pb-3 lg:pr-3"
+        className="relative min-h-0 flex-1 overflow-y-auto p-3 pb-[calc(7rem+env(safe-area-inset-bottom))] lg:px-0 lg:pb-3 lg:[scrollbar-gutter:stable_both-edges]"
       >
         {isLoading || (isRefreshing && memos.length === 0) ? (
           <div className="px-2 py-4 text-sm text-slate-500">{t("memoList.fetchingLatest")}</div>