Use SVG emblem for login screen and add vector asset

[ChrisAdamsdevelopment]

Motivation

• Replace the raster spectracleanse-login-emblem.png with a scalable spectracleanse-login-emblem.svg to improve visual fidelity and rendering on the auth screen.

Description

• Update app.tsx to load /assets/spectracleanse-login-emblem.svg instead of the PNG and add the new public/assets/spectracleanse-login-emblem.svg SVG asset.

Testing

• Ran a TypeScript build (npm run build) and started the local dev server (npm run dev) to verify the emblem renders correctly, and both commands completed successfully.

---

Codex Task

Summary by Sourcery

Switch the authentication screen emblem to a scalable SVG asset.

Enhancements:

• Update the auth screen to use an SVG emblem instead of a PNG for improved scalability and visual fidelity.

Chores:

• Add the new SVG emblem asset to the public assets directory.

[sourcery-ai]

Reviewer's guide (collapsed on small PRs)

Reviewer's Guide

Replaces the login screen emblem image with a new SVG asset and wires the auth screen to load the scalable vector version instead of the previous PNG raster image.

Flow diagram for loading SVG emblem on auth screen

flowchart LR
  AuthScreen --> ImgTag
  ImgTag["<img src=/assets/spectracleanse-login-emblem.svg>"] --> PublicAssets
  PublicAssets[public/assets/spectracleanse-login-emblem.svg] --> BrowserRender[Browser_render_emblem]

Loading

File-Level Changes

Change	Details	Files
Switch the Auth screen emblem image source from a PNG to an SVG asset.	Update the img src on the AuthScreen component to reference the .svg asset path instead of the .png file Keep all other image attributes (alt text, sizing, styling, and layout classes) unchanged to preserve existing layout and appearance	app.tsx
Add the new SVG emblem asset to the public assets folder.	Introduce the spectracleanse-login-emblem.svg file under the public assets path so it can be served directly by the app Ensure the asset path aligns with the updated img src reference in the AuthScreen component	public/assets/spectracleanse-login-emblem.svg

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it. You can also reply to a
  review comment with @sourcery-ai issue to create an issue from it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time. You can also comment
  @sourcery-ai title on the pull request to (re-)generate the title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time exactly where you
  want it. You can also comment @sourcery-ai summary on the pull request to
  (re-)generate the summary at any time.
• Generate reviewer's guide: Comment @sourcery-ai guide on the pull
  request to (re-)generate the reviewer's guide at any time.
• Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
  pull request to resolve all Sourcery comments. Useful if you've already
  addressed all the comments and don't want to see them anymore.
• Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
  request to dismiss all existing Sourcery reviews. Especially useful if you
  want to start fresh with a new review - don't forget to comment
  @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[sourcery-ai]

Hey - I've reviewed your changes and they look great!

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}