Replace PNG sponsor assets with SVGs

[Siddharthgup]

What should this PR do?

1. Replace PNG sponsor assets with their SVG equivalents across the project.
2. Update all references to sponsor logos from .png to .svg in HTML, CSS, and other code files.
3. Ensure the SVG files improve scalability, performance, and responsiveness on various devices.

What issue does this relate to?

Resolves #70

What are the acceptance criteria?

1. All PNG sponsor logos have been replaced with SVG equivalents.
2. Ensure the SVG files render properly on all major browsers (Chrome, Firefox, Safari, Edge).
3. Verify that the page's responsiveness is not affected by the new SVG logos.

[MattIPv4]

👋 Where did you source the SVGs from used in here? They seem very low quality, like some tracing software has been used from the PNGs, rather than finding actual SVGs published by the brands?

[MattIPv4]

Please revert the change to this file

[MattIPv4]

Please revert the change to this file

[MattIPv4]

Please revert the formatting changes on this file, all files should be formatted by prettier

[Siddharthgup]

Hi, are you referring to the VS code extension?

[MattIPv4]

I think there is a VSCode extension for prettier, but you don't need to use it, prettier is a dependency in this repository. npm ci && npm run format.

[MattIPv4]

This file seems to be a PNG inside an SVG, can we get an actual SVG from Holopin for it?

[Siddharthgup]

Holopin appears to be a paid platform for badges, I'm not sure how that could be used here

[MattIPv4]

This is the logo for Holopin, so can we get an SVG version from them?

[MattIPv4]

👋 @Siddharthgup any update on this?

[kingsmen732]

is this issue still open or does it need to closed? @MattIPv4
kindly assign me if its still open :)