fix: stabilize photo list scrolling

src/server/request-handler.ts

@@ -317,6 +317,7 @@ function htmlPage(): string {
         min-height: 0;
         display: grid;
         grid-template-rows: auto auto minmax(0, 1fr);
+        overflow: hidden;
       }
 
       .card h2 {
@@ -513,11 +514,13 @@ function htmlPage(): string {
       .list {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
+        grid-auto-rows: minmax(84px, auto);
         gap: 4px;
         align-content: start;
         min-height: 0;
         overflow-y: auto;
         overflow-x: hidden;
+        scrollbar-gutter: stable;
         padding-right: 2px;
       }
 
@@ -922,6 +925,7 @@ function htmlPage(): string {
         .list {
           max-height: min(52vh, 420px);
           grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
+          grid-auto-rows: minmax(72px, auto);
           gap: 4px;
         }