Performers listing improvements (#1671)

* Add sorting on image and gallery count to performers
* Make performer table headers translatable
* Add image and gallery count to performers table
* Make sure list table container fits the table

Make the table container minimally as wide as the table. This fixes the
table "overflowing" to the left and right and the left not being
accessible.

* Remove unnecessary truncation in tables

IMO there is no need to truncate the title in the scenes table and the
name in the performers table. This because both tables also contain an
image which means that multiple lines should be possible without really
extending the height of the row. Furthermore both tables contain other
values which might be way longer and also aren't wrapped (like tags and
performers for scenes, and aliases for performers).

ui/v2.5/src/components/Scenes/SceneListTable.tsx

@@ -5,7 +5,7 @@ import { Table, Button, Form } from "react-bootstrap";
 import { Link } from "react-router-dom";
 import * as GQL from "src/core/generated-graphql";
 import { NavUtils, TextUtils } from "src/utils";
-import { Icon, TruncatedText } from "src/components/Shared";
+import { Icon } from "src/components/Shared";
 import { FormattedMessage } from "react-intl";
 
 interface ISceneListTableProps {
@@ -80,11 +80,7 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
         </td>
         <td className="text-left">
           <Link to={sceneLink}>
-            <h5>
-              <TruncatedText
-                text={scene.title ?? TextUtils.fileNameFromPath(scene.path)}
-              />
-            </h5>
+            <h5>{scene.title ?? TextUtils.fileNameFromPath(scene.path)}</h5>
           </Link>
         </td>
         <td>{scene.rating ? scene.rating : ""}</td>