Animate PREV/NEXT links

src/photo/PhotoDetailPage.tsx

@@ -95,20 +95,29 @@ export default function PhotoDetailPage({
           tag={tag}
           animateOnFirstLoadOnly
         />}
-        contentSide={<div className={clsx(
+        contentSide={<AnimateItems
-          'grid grid-cols-2',
+          animateOnFirstLoadOnly
-          'gap-0.5 sm:gap-1',
+          type="bottom"
-          'md:flex md:gap-4',
+          items={[
-          'user-select-none',
+            <div
-        )}>
+              key="PhotoLinks"
-          <PhotoLinks {...{
+              className={clsx(
-            photo,
+                'grid grid-cols-2',
-            photos,
+                'gap-0.5 sm:gap-1',
-            tag,
+                'md:flex md:gap-4',
-            camera,
+                'user-select-none',
-            simulation,
+              )}
-          }} />
+            >
-        </div>}
+              <PhotoLinks {...{
+                photo,
+                photos,
+                tag,
+                camera,
+                simulation,
+              }} />
+            </div>,
+          ]}
+        />}
       />
     </div>
   );