feat: Recipe Edit: Shift parse button up towards Ingredients header

[CloCkWeRX]

What this PR does / why we need it:

Makes it easier to locate the "Parse" ingredients functionality after swapping a recipe over to detailed ingredients mode.

Before:

After:

Which issue(s) this PR fixes:

A small part of #4954

Testing

At the moment, this is purely frontend changes via chrome's web console + the corresponding changes in the vue structure. Warrants a manual test to make sure I didn't screw it up!

[Kuchenpirat]

Hi, thanks for your PR.
I feel like this can be improved further.
I would suggest putthing the button the same row as the ingredients and having the button aligned to the right (like the other buttons)

[CloCkWeRX]

I would really encourage you to play with this branch locally as right now:

vs right aligned/same row:

• Conflicts with change owner controls
• Not visually grouped with ingredients header
• Close proximity to delete ingredients controls (no are you sure/undo available; so the consequences of a missed click = high)

While some of that can be addressed by just adding more and more whitespace/margins/etc; its basically just going to end up with the same visual spacing as it currently does; and it won't imply as strongly that "Parse" is "parse ingredients" (https://www.nngroup.com/articles/gestalt-proximity/)

[Kuchenpirat]

Hey, sorry it took me so long to get back to this. Vacation got in the way of it.

I am absolutely on bord with you that my initial suggestions is not the way to go. That makes everything just way to crammed.

I pulled your PR and played around a bit with it and i feel like sticking to the right is still a better option than the left which i feel crashes the layout a bit. What do you think of the implementation below?