feat: minor thumbnail update tweaks

Author: KManolov3

packages/scratch-gui/src/components/gui/gui.jsx

@@ -185,7 +185,6 @@ const GUIComponent = props => {
                 loading={loading}
                 manuallySaveThumbnails={
                     manuallySaveThumbnails &&
-                    isPlayerOnly &&
                     userOwnsProject
                 }
                 onUpdateProjectThumbnail={onUpdateProjectThumbnail}

packages/scratch-gui/src/components/stage-header/stage-header.css

@@ -93,4 +93,8 @@
         color: $ui-white;
         background-color: $motion-primary;
     }
+
+    .setThumbnailButton:active {
+        filter: brightness(90%);
+    }
 }

packages/scratch-gui/src/components/stage-header/stage-header.jsx

@@ -20,7 +20,7 @@ import scratchLogo from '../menu-bar/scratch-logo.svg';
 import styles from './stage-header.css';
 import {storeProjectThumbnail} from '../../lib/store-project-thumbnail.js';
 import dataURItoBlob from '../../lib/data-uri-to-blob.js';
-import debounce from 'lodash.debounce';
+import throttle from 'lodash.throttle';
 
 const messages = defineMessages({
     largeStageSizeMessage: {
@@ -75,7 +75,7 @@ const StageHeaderComponent = function (props) {
     let header = null;
 
     const onUpdateThumbnail = useCallback(
-        debounce(
+        throttle(
             () => {
                 if (!onUpdateProjectThumbnail) {
                     return;