Rename ImageActions

src/components/image/ImageZoomControls.tsx

@@ -4,7 +4,7 @@ import 'viewerjs/dist/viewer.css';
 import { clsx } from 'clsx/lite';
 import FullscreenButton from '../FullscreenButton';
 
-export default function ImageActions({
+export default function ImageZoomControls({
   children,
   enableImageActions = false,
   className,

src/photo/PhotoLarge.tsx

@@ -36,7 +36,7 @@ import { useRef } from 'react';
 import useOnVisible from '@/utility/useOnVisible';
 import PhotoDate from './PhotoDate';
 import { useAppState } from '@/state/AppState';
-import ImageActions from '@/components/image/ImageActions';
+import ImageZoomControls from '@/components/image/ImageZoomControls';
 
 export default function PhotoLarge({
   photo,
@@ -146,7 +146,7 @@ export default function PhotoLarge({
             arePhotosMatted && 'h-[90%]',
             arePhotosMatted && matteContentWidthForAspectRatio(),
           )}>
-            <ImageActions
+            <ImageZoomControls
               enableImageActions={enableImageActions}
               className="flex relative items-center justify-center h-full"
             >
@@ -161,7 +161,7 @@ export default function PhotoLarge({
                 blurCompatibilityMode={doesPhotoNeedBlurCompatibility(photo)}
                 priority={priority}
               />
-            </ImageActions>
+            </ImageZoomControls>
           </div>
         </Link>}
       contentSide={