Add thumbnail images to autocomplete ingredients

[ImTheTom]

Proposed Changes

• Finishing off Add images to ingredients #653
• Adds the thumbnail image to ingredient results if provided
• Also added the media folder to gitignore. I can revert it, if not wanted.

Please check that the PR fulfills these requirements

• Tests for the changes have been added (for bug fixes / features) - Planning on leaving this feature untested.
• Added yourself to AUTHORS.rst

Other questions

None

Showcase

Query http://127.0.0.1:8000/api/v2/ingredient/search?term=whole grain oats
Returns

{
    "suggestions": [
        {
            "value": "100% whole grain oats quick 1-minute oats",
            "data": {
                "id": 9754,
                "name": "100% whole grain oats quick 1-minute oats",
                "image": "/media/ingredients/ab1abca2-d55f-4da7-b2ce-c759aa86f3f5/1d684f01-31f2-40d6-ad47-277abfb4a3a2.jpg",
                "image_thumbnail": "/media/ingredients/ab1abca2-d55f-4da7-b2ce-c759aa86f3f5/1d684f01-31f2-40d6-ad47-277abfb4a3a2.jpg.30x30_q85_crop-smart.jpg"
            }
        },
        {
            "value": "Old fashioned 100% whole grain oats, old fashioned",
            "data": {
                "id": 9749,
                "name": "Old fashioned 100% whole grain oats, old fashioned",
                "image": null,
                "image_thumbnail": null
            }
        }
    ]
}

Front end

And

[rolandgeider]

Can you add the same format result to wgerInitIngredientAutocompleter() as well? Then it'll be shown on the nutritional plan form as well

[ImTheTom]

Oh sure 👍

[rolandgeider]

Sure, leave the media folder in gitignore