Fix broken translate view when filters result in no matches (#3054)

Always use Hooks at the top level of your React function:
https://legacy.reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level

translate/src/modules/entitieslist/components/EntitiesList.tsx

@@ -97,6 +97,12 @@ export function EntitiesList(): React.ReactElement<'div'> {
   const mounted = useRef(false);
   const list = useRef<HTMLDivElement>(null);
 
+  const selectedEntitiesCount = batchactions.entities.length;
+  const windowWidth = useWindowWidth();
+  const entitiesList = useContext(EntitiesListContext);
+  const quitBatchActions = useCallback(() => dispatch(resetSelection()), []);
+  const showBatchActions = useCallback(() => entitiesList.show(false), []);
+
   useEffect(() => {
     const handleShortcuts = (ev: KeyboardEvent) => {
       // On Ctrl + Shift + A, select all entities for batch editing.
@@ -272,12 +278,6 @@ export function EntitiesList(): React.ReactElement<'div'> {
     );
   }
 
-  const selectedEntitiesCount = batchactions.entities.length;
-  const windowWidth = useWindowWidth();
-  const entitiesList = useContext(EntitiesListContext);
-  const quitBatchActions = useCallback(() => dispatch(resetSelection()), []);
-  const showBatchActions = useCallback(() => entitiesList.show(false), []);
-
   return (
     <div className='entities unselectable' ref={list}>
       <ul>