Update query limits for Watchlist page, also ensure Watchlist button is visible/hidden based on the Played state of an item

scripts/watchlist.css

@@ -2241,10 +2241,7 @@ div[data-tab="watchlist"] .loading-message {
 }
 
 .card:has(button[data-played="true"]) .watchlist-button,
-.card:not(:has(button[data-played], button:has([data-testid="CheckIcon"]))) .watchlist-button,
-.mainDetailButtons:has(button[data-played="true"]) .watchlist-icon,
-.mainDetailButtons:not(:has(button[data-played], button:has([data-testid="CheckIcon"]))) .watchlist-icon,
-.mainDetailButtons:not(:has(button[data-played], button:has([data-testid="CheckIcon"]))) .btnRecommend {
+.mainDetailButtons:has(button[data-played].playstatebutton-played) .watchlist-icon {
 	display: none;
 }
 

scripts/watchlist.js

@@ -3121,8 +3121,7 @@ In the Custom Tabs plugin, add a new tab with the following HTML content:
 				}
 				const result = await apiHelper.getWatchlistItems({
 					IncludeItemTypes: WATCHLIST_SUPPORTED_TYPES_CSV,
-					Fields: 'Id',
-					Limit: 10000
+					Limit: 1000
 				}, true);
 				watchlistLikedIds.clear();
 				mergeLikedIdsFromItems(result);