Fix All toggle render

The All toggle doesn't render correctly due to this issue --> mui/material-ui#18018. I've set the All toggle to render only when there are more than one reporters. This fixes the visual render for now but leaves the warning about the className mismatch between server and the client in the console.

components/checkBoxFilterHorizontal.jsx

@@ -21,12 +21,12 @@ const CheckBoxFilterHorizontal = ({elements, setElements, label}) => {
     return (
         <FormControl>
         <FormGroup row>
-                <FormControlLabel
+                {elements.length > 1 && <FormControlLabel
                     key={'filter-title-id'}
                     labelPlacement="end"
                     control={<Checkbox checked={all} color="default" onChange={toggleAll}/>}
                     label={'All'}
-                />
+                />}
                 {elements.map(el => (
                     <FormControlLabel
                         key={`filter-${el[label]}`}