Measurement formatting issues in RTL

[julianpoy]

When the app is displaying a RTL language (such as Hebrew) there are some issues with displayed measurements.

Reported by a user via email, see attached images:

In edit mode, see 3 and a half

In Display mode

In Print mode

[levyitay]

@julianpoy maybe its a good chance to implement better RTL format supporting.
For ex. UI in English and recipe is in Arabic / Hebrew

I'm willing to give a hand here but need some direction for where to start looking

[julianpoy]

@levyitay So the app UI generally supports RTL pretty well since it's all built on top of Ionic which supports RTL natively. The measurement conversion is custom logic so doesn't generally support RTL, however. It's all located here:

https://github.com/julianpoy/RecipeSage/blob/master/packages/util/shared/src/parsers.ts

I believe there may be a simpler solution, though - perhaps there's a flag for RTL we could apply to the specific element when applied as HTML here: https://github.com/julianpoy/RecipeSage/blob/master/packages/frontend/src/app/pages/recipe-components/recipe/recipe.page.html#L176

[levyitay]

@julianpoy I added a PR