feat(web): use Sourcebot branded logo in MCP OAuth consent screen

[msukkari]

Summary

Replace the generic logo_512.png with proper Sourcebot branded logos that support both dark and light mode in the MCP OAuth consent screen.

Changes

• Update the OAuth consent screen to use sb_logo_dark_small.png and sb_logo_light_small.png instead of the generic logo_512.png
• Dark logo is shown when the user has dark mode enabled (using hidden dark:block)
• Light logo is shown when the user has light mode enabled (using block dark:hidden)
• This pattern matches the existing implementation in topBar.tsx and other components

Before

The consent screen showed a generic black circle logo that doesn't match Sourcebot branding.

After

The consent screen now shows the proper Sourcebot logo, with correct variants for dark and light mode.

Testing

• TypeScript type-checking passes
• ESLint passes
• Implementation follows established patterns in topBar.tsx and sourcebotLogo.tsx

Fixes SOU-813

Linear Issue: SOU-813

  

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 4e9b964e-f0d2-4031-83c3-fef764dabc47

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch cursor/SOU-813-mcp-integration-sourcebot-logo-8ce1

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}