feat: Changed images from jpg/png to webp

[Sriram-7451]

PR is raised for the resolve for the issue #2357

Changed the Images from JPG/PNG to WebP

Conversion was done through conversion tool available in the internet and was able to reduce the asset storage.

[welcome]

Thank you for opening this pull request with us! Be sure to follow our Pull Request Practices. Let us know if you have any questions on Slack.

[julianguyen]

Ooh so exciting, thanks for the fast follow!

I would keep our favicon image as an .ico file. I think it can be in .webp but not all browsers may support it. So you can at an HTML tag in our header for the .webp version but also keep the current .ico version.

[Sriram-7451]

@julianguyen Added both images actually ico and webp for favicon in header

[julianguyen]

Looks like there's remaining updates that need to be made:

/home/circleci/ifmeorg/ifme/client/app/stories/Avatar.stories.jsx
  5:19  error  Unable to resolve path to module 'app/assets/images/contributors/ingrid_garcia.jpg'  import/no-unresolved

/home/circleci/ifmeorg/ifme/client/app/stories/Modal.stories.jsx
  5:19  error  Unable to resolve path to module 'app/assets/images/contributors/ingrid_garcia.jpg'  import/no-unresolved