styles update

[ByronGBP]

Hii!!

First of all, thanks for creating such an amazing tool!
I've been using this tool a lot and I just want to make my contribution as a token of appreciation.

I made some small styles updates, to overall give some air & start creating a hierarchy between all the elements.

This is the list of everything in this PR:

• inside renderSandwichadd className "sandwich-image" & "sandwich-info"
• add object-fit: cover to sandwich-image so it doesn't deform
• add padding to sandwich-info to give some space
• inside renderMath add className "ingredients-results"
• add padding to "ingredients-results" to give some space
• add row-gap to "ingredients-results" so its children have some space between them
• inside renderMath group ingredients by flavour & filling in its own div with className "fillings" & "flavours"
• inside renderMath group advanced-mode card in its own div with className "advanced-mode"
• add max-width to "advanced-mode" to give some consistency
• two small tweak for mobile

Check this screenshot to see the difference:

I hope you find this adequate.
I'm happy to keep helping!

Thanks 🤙

[ByronGBP]

Excuse those first "changes". Those were made automatically by my "prettier" plugin. Didn't see them 🤦‍♂️