Fix layout issue in LibraryHeader

gameyfin/src/main/frontend/components/general/covers/LibraryHeader.tsx

@@ -5,12 +5,12 @@ import {randomGamesFromLibrary} from "Frontend/util/utils";
 
 interface LibraryHeaderProps {
     library: LibraryDto;
-    maxCoverCount?: number;
     className?: string;
 }
 
-export default function LibraryHeader({library, maxCoverCount = 5, className}: LibraryHeaderProps) {
+export default function LibraryHeader({library, className}: LibraryHeaderProps) {
     const [randomGames, setRandomGames] = useState<GameDto[]>([]);
+    const maxCoverCount = 5;
 
     useEffect(() => {
         randomGamesFromLibrary(library, maxCoverCount).then((games) => {

gameyfin/src/main/frontend/views/LibraryManagementView.tsx

@@ -33,7 +33,7 @@ export default function LibraryManagementView() {
             </Button>
             <h1 className="text-2xl font-bold">Manage library</h1>
         </div>
-        <LibraryHeader library={library} maxCoverCount={Math.min(games.length, 10)} className="h-32"/>
+        <LibraryHeader library={library} className="h-32"/>
         <Tabs color="primary" fullWidth>
             <Tab title="Details">
                 <LibraryManagementDetails library={library}/>