Prevent lightbox transition until specific number of scroll events (#2544)

* Delay before nav to next image on scroll
* Add config for scroll attempts before transition

ui/v2.5/src/components/Settings/SettingsInterfacePanel/SettingsInterfacePanel.tsx

@@ -289,6 +289,15 @@ export const SettingsInterfacePanel: React.FC = () => {
             </option>
           ))}
         </SelectSetting>
+
+        <NumberSetting
+          headingID="config.ui.scroll_attempts_before_change.heading"
+          subHeadingID="config.ui.scroll_attempts_before_change.description"
+          value={iface.imageLightbox?.scrollAttemptsBeforeChange ?? 0}
+          onChange={(v) =>
+            saveLightboxSettings({ scrollAttemptsBeforeChange: v })
+          }
+        />
       </SettingSection>
 
       <SettingSection headingID="config.ui.editing.heading">