fix: Missing Title and Metadata

[michael-genson]

What type of PR is this?

(REQUIRED)

• bug

What this PR does / why we need it:

(REQUIRED)

This restores the recipe tab title (again) and fixes the open graph metadata by using Beautiful Soup to parse the HTML before serving it.

Which issue(s) this PR fixes:

(REQUIRED)

N/A, discussed in Discord

Testing

Pytest. I can't get a local prod instance running to verify this actually works, though I think the tests are comprehensive. If whoever reviews this PR can build a prod instance and verify the metadata appears as it should, that'd be great. My goal with the metadata fixes is to restore the social share previews (e.g. sharing a link on Discord).

[michael-genson]

Kuchenpirat was able to build it locally and test the social preview and it's still seeing the old tags, so I'm guessing adding them server side isn't enough. Will investigate

[michael-genson]

Made some tweaks to fix the recipe share link and Kuchenpirat confirmed everything's working now. Images are only showing up on some social apps (e.g. Discord), but I think that has something to do with the image size. I'll investigate and try to open another PR, but this PR successfully restores the busted metadata.

[Kuchenpirat]

just to add some screenshots:

left side: Discord: where the image of the recipe works
right side: Signal wich apparently needs to have a smaller image size provided

update:
just tried a few additional message services. Also works on WhatsApp, Instagram and Telegram so signal seems to be an outlier

[Kuchenpirat]

only think that should be noted is that the browser does currently not recieve the updated metadata so here the meta tags will show the default mealie metadata.

But this is also the current behaviour for mealie.

[Kuchenpirat]

Did some more testing and had a good look through the code. LGTM

Besides Signal every platform i tested it on worked flawlessly.