fix:Added favicon and a title for a more professional look

[Shoetan]

Closes: #88

Summary of Changes

1. Downloaded the logo from the resource folder

   • Located the logo file in the project's resource folder.

2. Created an .ico file from the image

   • Converted the logo image to an .ico file format for compatibility.

3. Replaced the favicon in manifest.json with the newly created .ico image

   • Updated the manifest.json to use the new .ico file as the favicon.

4. Installed react-helmet package to manage changes to the document head

   • Added react-helmet to the project to facilitate easy management of the document head, like the page title and subsequent seo tactics.
     

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
joyboy	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 31, 2024 9:52am
joyboy-webapp	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 31, 2024 9:52am

[ugur-eren]

The most important title tag is the one at the index.html file. It should be changed, not the App.tsx.
Can you please remove the changes in the App.tsx, and do those changes at the index.html file?

Also there are various tools to generate favicon, social image, apple touch icon etc. can you use one of those tools to generate the favicon?
My recommendation would be to use favicon.io

[Shoetan]

Thank you @ugur-eren for your comments I will implement the changes requested. For the favicon I actually did use favicon.io to generate it .

[ugur-eren]

Thanks for the work!