Mobile (Android): thread filter menu should follow the theme and show project logos

[Umais-Adeed]

Where: mobile app (Android), the thread filter menu on the home screen and the tablet sidebar.

Problem

The Android filter menu doesn't look like the rest of the app:

1. It ignores the theme's tint. Menus are drawn on the theme's raised-surface color. Several themes keep that color nearly neutral, so in Grove dark the menu is gray over a green screen, and in Ocean dark it's gray over blue. Settings rows and the tab bar use the tinted grouped-card color instead.
2. It has square corners. Menus use Material's default 4dp corners, while the app's other floating surfaces are rounded (the composer's command popover uses 16).
3. The project list is plain text. The thread list shows each project's logo, but the filter lists projects by name only, so it's harder to find a project at a glance.

Proposal

I'd like approval for two small PRs:

PR 1: Android menus use the theme's card color and rounded corners. Every Android menu switches from the raised-surface color to the grouped-card color and uses a 16dp radius, scaled with text size like the other menu sizes. 3 files, +11/−4. Material You already maps both colors to its own surface containers.
Branch: fix/mobile-android-menu-surface

PR 2: The Android thread filter shows project logos and row icons. Android menu rows can take an optional custom leading icon. The phone and tablet filters use it to show each project's existing ProjectFavicon (its real favicon, or its colored initials), and give the Environment/Project rows matching symbols so the column lines up. Other menus are unchanged. 9 files, +106/−22.
Branch: feat/mobile-filter-menu-icons

The two PRs are independent and can land separately.

Screenshots (Android 17 emulator, demo data)

PR 1: theme color and corners

Theme	Before	After
Grove dark
Ocean dark

PR 2: logos and icons

Menu	Before	After
Project
Environment

Both together

Top level	Project	Environment

Captured with the repo's showcase demo environments (Moonbase Terminal and Kernel Cabin), so the T3 Code, React, and Linux projects show their real favicons. Projects without a favicon fall back to their colored initials, the same as in the thread list.

Checked and not checked

• Checked on the emulator: Grove dark and Ocean dark. Tapping a project logo (not just the label) selects the project and filters the list.
• vp run check:changed passes format, lint, knip, tests, and the React compiler. The affected packages pass typecheck individually.
• Not checked: iOS and iPad, because I have no Mac. The tablet sidebar's menu actions are shared with iOS, so the iPad sidebar filter would show the same SF Symbols (not the project logos). Happy to make those Android-only if you'd prefer. Light themes and Material You were not captured.

Does this direction and scope work for you? If so, I'll open both PRs and link this discussion.