Scroll to top when item search page number changes

We also didn't need the query one, because we now `key` the `SearchResults` by the query, so the container becomes empty-then-full-again, which resets scroll back to top.

src/app/WardrobePage/SearchPanel.js

@@ -26,12 +26,11 @@ function SearchPanel({
   searchQueryRef,
   firstSearchResultRef,
 }) {
-  // Whenever the search query changes, scroll back up to the top!
-  React.useEffect(() => {
+  const scrollToTop = React.useCallback(() => {
     if (scrollContainerRef.current) {
       scrollContainerRef.current.scrollTop = 0;
     }
-  }, [query, scrollContainerRef]);
+  }, [scrollContainerRef]);
 
   // Sometimes we want to give focus back to the search field!
   const onMoveFocusUpToQuery = (e) => {
@@ -63,6 +62,7 @@ function SearchPanel({
         outfitState={outfitState}
         dispatchToOutfit={dispatchToOutfit}
         firstSearchResultRef={firstSearchResultRef}
+        scrollToTop={scrollToTop}
         onMoveFocusUpToQuery={onMoveFocusUpToQuery}
       />
     </Box>
@@ -82,6 +82,7 @@ function SearchResults({
   outfitState,
   dispatchToOutfit,
   firstSearchResultRef,
+  scrollToTop,
   onMoveFocusUpToQuery,
 }) {
   const [currentPageNumber, setCurrentPageNumber] = React.useState(1);
@@ -97,6 +98,9 @@ function SearchResults({
   // Background we want to restore the previous one!
   const [itemIdsToReconsider] = React.useState(outfitState.wornItemIds);
 
+  // Whenever the page number changes, scroll back to the top!
+  React.useEffect(() => scrollToTop(), [currentPageNumber, scrollToTop]);
+
   // You can use UpArrow/DownArrow to navigate between items, and even back up
   // to the search field!
   const goToPrevItem = React.useCallback(