feat: performance optimisation

[amaan-bhati]

What has changed?

Perfroamance imporvement-->
The images that were in svg/jpg/png format and were big in size are converted into webp format after high compression to improve the performance score

• high compress the images in the project
• convert jpgs/svgs/pngs to webp
• fix layout shift in a ci-cd/github page
• break down functions/tasks into smaller faster executable functions for the ci-cd/github page
  Please include a summary of the change.

This PR Resolves #(issue)

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue).
• New feature (non-breaking change which adds functionality).
• Breaking change (fix or feature that would cause existing functionality to not work as expected).
• Documentation update (if none of the other choices apply).

How Has This Been Tested?

Please run npm run build and npm run serve to check if the changes are working as expected. Please include screenshots of the output of both the commands. Add screenshots/gif of the changes if possible.

Checklist:

• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.

[keploy]

To generate Unit Tests for this PR, please click here.