fix gallery image autoscroll, hide hashes on recently published section (and plumb linkstate)

gatsby-browser.tsx

@@ -37,7 +37,6 @@ export const shouldUpdateScroll = ({
     //     window.scrollTo(0, 180);
     //   })
     // }
-    console.log('gallery image, skipping')
     return false;
   }
   if (prevRouterProps?.location.pathname === pathname) {

src/components/GalleryImage/GalleryImage.js

@@ -64,12 +64,12 @@ const GalleryImage = ({ data, location: { state } }) => {
   }, []);
 
   useEffect(() => {
-    requestAnimationFrame(() => {
+    setTimeout(() => {
       window.scrollTo({
         top: 180,
         behavior: 'smooth'
       });
-    });
+    }, 50);
   }, [image.base]);
 
   const nextIndex =

src/components/MasonryGallery.tsx

@@ -138,8 +138,8 @@ const MasonryGallery = ({
         const data = dataFn ? dataFn(image) : null;
         return (
           <Link
-          className={classNames("border-8 border-white overflow-hidden relative")}
+            className="border-8 border-white overflow-hidden relative"
-            id={image.base}
+            id={singleRow ? undefined : image.base}
             key={`${image.base}`}
             state={{
               ...linkState,

src/pages/photogallery.tsx

@@ -264,6 +264,10 @@ const GalleryPage = ({
               "3xl": 8,
             }}
             images={recents}
+            linkState={{
+              sortKey: 'datePublished',
+              filterKeyword,
+            }}
             singleRow
           />
         </div>