[kernel:781] add kernel logo loading spinner when browser launches

[archandatta]

Screen.Recording.2026-01-14.at.9.07.20.AM.mov

---

Note

Introduces a branded loading experience and updates theme color.

• Replaces legacy bounce loaders with a spinning logo.svg in about.vue and connect.vue (flex-centered, kernel-logo-spin animation, respects prefers-reduced-motion)
• Updates $style-primary to #8b5cf6 in _variables.scss

^{Written by Cursor Bugbot for commit 32adaa4. This will update automatically on new commits. Configure here.}

[tembo]

Nice improvement to make the loading state feel more on-brand.

A couple small nits to consider:

• @keyframes are global even with scoped styles, so spin is fairly collision-prone (suggested a more specific name).
• Consider respecting prefers-reduced-motion for the spinner.
• Since the logo here is purely a spinner, consider making it decorative for screen readers (empty alt + aria-hidden) or using an alt like Loading.
• Minor consistency: _variables.scss seems to prefer lowercase hex.

[AbdulRashidReshamwala]

should also have an option to specify custom loading spinner when starting a session