Use named tokens in frontend translate function

frontend/src/Movie/Index/Select/Edit/EditMoviesModalContent.tsx

@@ -212,7 +212,7 @@ function EditMoviesModalContent(props: EditMoviesModalContentProps) {
 
       <ModalFooter className={styles.modalFooter}>
         <div className={styles.selected}>
-          {translate('MoviesSelectedInterp', [selectedCount])}
+          {translate('MoviesSelectedInterp', { count: selectedCount })}
         </div>
 
         <div>

frontend/src/Movie/Index/Select/MovieIndexSelectFooter.tsx

@@ -191,7 +191,7 @@ function MovieIndexSelectFooter() {
       </div>
 
       <div className={styles.selected}>
-        {translate('MoviesSelectedInterp', [selectedCount])}
+        {translate('MoviesSelectedInterp', { count: selectedCount })}
       </div>
 
       <EditMoviesModal

frontend/src/Movie/Index/Select/Organize/OrganizeMoviesModalContent.tsx

@@ -65,7 +65,7 @@ function OrganizeMoviesModalContent(props: OrganizeMoviesModalContentProps) {
         </Alert>
 
         <div className={styles.message}>
-          {translate('OrganizeConfirm', [movieTitles.length])}
+          {translate('OrganizeConfirm', { count: movieTitles.length })}
         </div>
 
         <ul>