Animate PREV/NEXT links

src/photo/PhotoDetailPage.tsx

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