New: Original Language and Title sort and filter options

Fixes #7019
Fixes #5438

frontend/src/Movie/Index/Menus/MovieIndexSortMenu.js

@@ -136,6 +136,24 @@ function MovieIndexSortMenu(props) {
         >
           {translate('Certification')}
         </SortMenuItem>
+
+        <SortMenuItem
+          name="originalTitle"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('OriginalTitle')}
+        </SortMenuItem>
+
+        <SortMenuItem
+          name="originalLanguage"
+          sortKey={sortKey}
+          sortDirection={sortDirection}
+          onPress={onSortSelect}
+        >
+          {translate('OriginalLanguage')}
+        </SortMenuItem>
       </MenuContent>
     </SortMenu>
   );

frontend/src/Movie/Index/Table/MovieIndexHeader.css

@@ -5,6 +5,7 @@
 }
 
 .collection,
+.originalTitle,
 .sortTitle {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 
@@ -23,6 +24,7 @@
   flex: 2 0 90px;
 }
 
+.originalLanguage,
 .qualityProfileId {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 

frontend/src/Movie/Index/Table/MovieIndexRow.css

@@ -12,6 +12,7 @@
 }
 
 .collection,
+.originalTitle,
 .sortTitle {
   composes: cell;
 
@@ -30,6 +31,7 @@
   flex: 2 0 90px;
 }
 
+.originalLanguage,
 .qualityProfileId {
   composes: cell;
 

frontend/src/Movie/Index/Table/MovieIndexRow.js

@@ -80,6 +80,8 @@ class MovieIndexRow extends Component {
       year,
       inCinemas,
       physicalRelease,
+      originalLanguage,
+      originalTitle,
       digitalRelease,
       runtime,
       minimumAvailability,
@@ -184,6 +186,28 @@ class MovieIndexRow extends Component {
               );
             }
 
+            if (name === 'originalLanguage') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {originalLanguage.name}
+                </VirtualTableRowCell>
+              );
+            }
+
+            if (name === 'originalTitle') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {originalTitle}
+                </VirtualTableRowCell>
+              );
+            }
+
             if (name === 'qualityProfileId') {
               return (
                 <VirtualTableRowCell
@@ -442,6 +466,8 @@ MovieIndexRow.propTypes = {
   status: PropTypes.string.isRequired,
   title: PropTypes.string.isRequired,
   titleSlug: PropTypes.string.isRequired,
+  originalTitle: PropTypes.string.isRequired,
+  originalLanguage: PropTypes.object.isRequired,
   studio: PropTypes.string,
   collection: PropTypes.object,
   qualityProfile: PropTypes.object.isRequired,