Added uploading edible functionality

[SoumyadevSaha]

Fixes Issue🛠️

Closes #155

Description👨‍💻

User can now upload the image of their favourite edible and play with it, incase they do not get their favourite edible in the list for selecting edibles.

Applied Changes :

• Updated main.html : Added New Upload button (.png, .jpg and .jpeg types only), a extra div, and also a preview image section.
• Updated main.js : Included necessary functions for the file uploader onchange and managed the image loader handling for uploaded image.
• Updated main.css : Updated the main.css maintaining responsiveness, and the theme of the game.

Type of change📄

• New feature (non-breaking change which adds functionality)

How this has been tested✅

Tested on my local machine after applying the changes. It looks and works as intended.

Checklist✅

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have added demonstration in the form of GIF/video file
• I am an Open Source Contributor

Screenshots/GIF📷

Screen-shot 1

Screen-shot 2

Screen-shot 3

[netlify]

✅ Deploy Preview for click-the-edible-game ready!

Name	Link
🔨 Latest commit	715d821
🔍 Latest deploy log	https://app.netlify.com/sites/click-the-edible-game/deploys/6557af6f25b60e00084d900e
😎 Deploy Preview	https://deploy-preview-156--click-the-edible-game.netlify.app/assets/main
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Rakesh9100]

Nice work!! Congrats on getting your PR merged 🎉🥳 @SoumyadevSaha
Keep Contributing! Keep Coding!!

[Rakesh9100]

give @SoumyadevSaha 150 points