"Remix" instead of "Save" button when viewing scenes by another author or unauthed

[kfarr]

It would be helpful for a user viewing a scene they did not author (or an anonymous viewer viewing any scene) to see "Remix" instead of Save.

A user should see Remix as default option. The Remix button ONLY performs the Save As... function, it does not have a drop down of Save and Save As...

Only to show "Save" button with dropdown menu if the (a) user is logged in and (b) the user is author of the file.

Here is code for icon (source):

const RemixIcon = ({ className }) => (
  <svg viewBox="0 0 95 65" xmlns="http://www.w3.org/2000/svg"
  width="20"
  height="20">
    <path d="M 78.452 29.527 C 78.852 29.927 79.352 30.127 79.852 30.127 C 80.352 30.127 80.852 29.927 81.252 29.527 L 90.252 20.527 C 90.352 20.427 90.452 20.327 90.452 20.227 C 90.452 20.227 90.452 20.127 90.452 20.127 C 90.552 20.027 90.552 19.927 90.552 19.827 C 90.552 19.827 90.552 19.727 90.552 19.727 C 90.552 19.627 90.652 19.527 90.652 19.427 C 90.652 19.327 90.652 19.127 90.652 19.027 C 90.652 18.927 90.652 18.727 90.652 18.627 C 90.652 18.527 90.652 18.427 90.552 18.327 C 90.552 18.327 90.552 18.227 90.552 18.227 C 90.552 18.127 90.452 18.027 90.452 17.927 C 90.452 17.927 90.452 17.827 90.452 17.827 C 90.352 17.727 90.252 17.627 90.252 17.527 L 81.252 8.527 C 80.452 7.727 79.252 7.727 78.452 8.527 C 77.652 9.327 77.652 10.527 78.452 11.327 L 84.052 16.927 L 76.052 16.927 C 70.052 16.927 64.252 19.427 60.152 23.727 L 50.052 34.427 L 40.052 24.027 C 35.952 19.727 30.152 17.227 24.152 17.227 L 11.252 17.227 C 10.152 17.227 9.252 18.127 9.252 19.227 C 9.252 20.327 10.152 21.227 11.252 21.227 L 15.552 21.227 L 24.152 21.227 C 29.052 21.227 33.752 23.227 37.152 26.827 L 45.052 35.027 L 47.252 37.327 L 37.152 47.927 C 33.752 51.427 29.052 53.527 24.152 53.527 L 11.252 53.527 C 10.152 53.527 9.252 54.427 9.252 55.527 C 9.252 56.627 10.152 57.527 11.252 57.527 L 24.152 57.527 C 30.152 57.527 35.952 55.027 40.052 50.727 L 50.052 40.327 L 60.052 50.727 C 64.152 55.027 69.952 57.527 75.952 57.527 L 83.952 57.527 L 78.352 63.127 C 77.552 63.927 77.552 65.127 78.352 65.927 C 78.752 66.327 79.252 66.527 79.752 66.527 C 80.252 66.527 80.752 66.327 81.152 65.927 L 90.152 56.927 C 90.252 56.827 90.352 56.727 90.352 56.627 C 90.352 56.627 90.352 56.527 90.352 56.527 C 90.452 56.427 90.452 56.327 90.452 56.227 C 90.452 56.227 90.452 56.127 90.452 56.127 C 90.452 56.027 90.552 55.927 90.552 55.827 C 90.552 55.727 90.552 55.527 90.552 55.427 C 90.552 55.327 90.552 55.127 90.552 55.027 C 90.552 54.927 90.552 54.827 90.452 54.727 C 90.452 54.727 90.452 54.627 90.452 54.627 C 90.452 54.527 90.352 54.427 90.352 54.327 C 90.352 54.327 90.352 54.227 90.352 54.227 C 90.252 54.127 90.152 54.027 90.152 53.927 L 81.152 44.927 C 80.352 44.127 79.152 44.127 78.352 44.927 C 77.552 45.727 77.552 46.927 78.352 47.727 L 83.452 52.827 L 83.952 53.327 L 75.952 53.327 C 71.052 53.327 66.352 51.327 62.952 47.727 L 55.052 39.627 L 52.852 37.327 L 62.952 26.727 C 66.352 23.227 71.052 21.127 75.952 21.127 L 83.952 21.127 L 78.352 26.727 C 77.652 27.527 77.652 28.727 78.452 29.527 Z" fill="#FFFFFF"/>
  </svg>
);

it should look something like

[kfarr]

closed by #327