Update Webpage Logo to Transparent Version for Consistency with extension

[sakina1303]

Description:

The current logo on the webpage uses a non-transparent image, which leads to visual inconsistency, especially against varying background colors. The project extension already includes a transparent version of the logo, which ensures better alignment with the website’s design and enhances overall visual uniformity. Updating the logo to its transparent version on the webpage will provide several benefits:

Improved Visual Consistency:

A transparent logo will blend seamlessly with page's dark themed background, making the design appear more polished and cohesive.

Professional Appearance:

A transparent logo is the standard in modern web design, ensuring the website looks more professional and well-designed.

Better User Experience: The transparent logo will not clash with background images or sections, improving the overall aesthetic and readability.

Branding Uniformity:

Since the transparent logo is already part of the project extension, using it across both the web page and the extension ensures consistent branding and a unified visual identity.

Responsive Design Compatibility:

The transparent logo will ensure smoother integration into various sections of the website, especially when scaling or adapting for different devices.

Steps to Reproduce:

Open the webpage in a browser.
Observe the non-transparent logo displayed on the page.
Note the visual inconsistency, especially on the dynamic or dark-colored backgrounds.

Expected Outcome:

The logo on the webpage should be updated to the transparent version, as already available in the project extension. This will improve visual flow, maintain uniformity, and enhance the professional appearance of the site.