Add UI option for viewing recipe ingredients independently scrollable alongside recipe steps

[gabeklavans]

First Check

• I used the GitHub search to find a similar requests and didn't find it.
• Checked the tasks tagged issues and verified my feature is not covered

Please provide a concise description of the problem that would be addressed by this feature.

Currently, the ingredients list and recipe steps scroll together in one scroll view. This makes sense on a mobile device, when they are aligned vertically. However, when on a larger screen such as a computer monitor or an iPad, these two lists are displayed side-by-side, yet they still scroll together. The result is that if I want to scroll down to see the next step, I may inadvertently scroll away from the ingredient I want to be keeping track of.

Please provide a concise description of the feature that would resolve your issue.

When the ingredients and steps are placed side-by-side (such as on large screens), give the two lists their own independently scrolling view.

Please consider and list out some caveats or tradeoffs made in your design decision

This will add more complexity to the responsive logic of the UI, since on a mobile vertical layout, the current functionality works well.

I'm not sure how feasible it is to create entire new scrolling views in response to screen size.

If someone wanted to scroll down on both the ingredients and steps at the same time, they will now have to scroll twice. However, I think that is an expected result of a more intuitive interface

Additional Information

• If this is accepted I'm willing to submit a PR to provide this feature
• If this is accepted I'm willing to help maintain this feature
• I'm willing to sponsor/pay a developer to do this work