[icon] Use lightbulb

__tests__/components/PlaybackControls.test.js

@@ -55,7 +55,7 @@ function findSmartQueueButton(renderer) {
       ? btn.props.children
       : [btn.props.children];
     return children.some(
-      (child) => child.props && child.props.name === 'magic',
+      (child) => child.props && child.props.name === 'lightbulb_outline',
     );
   });
 }

__tests__/components/__snapshots__/PlaybackControls.test.js.snap

@@ -167,7 +167,7 @@ exports[`<PlaybackControls /> should render correctly 1`] = `
       <Icon
         data-qa-file="PlaybackControls"
         data-qa-node="Icon"
-        name="magic"
+        name="lightbulb_outline"
         type="material"
       />
       <span

src/js/components/PlaybackControls.js

@@ -201,7 +201,7 @@ const PlaybackControls = () => {
           className={`control${smartQueue ? ' control--active' : ''} tooltip`}
           onClick={toggleSmartQueue}
         >
-          <Icon name="magic" type="material" />
+          <Icon name="lightbulb_outline" type="material" />
           <span className="tooltip__content">
             <I18n path="playback_controls.smart_queue" />
           </span>