feat(mobile): Skia wave, wave player view, themes and playback settings (M5)

- My Wave is rendered with react-native-skia on the UI thread; physics
  and colour helpers moved to @pipu/core (wave-anim) and shared with web.
- Full-screen player honours ui_prefs.mobile_player (cover / wave).
- Theme switching (dark / light / system) via a theme context and
  useColors() across all screens.
- Profile: theme, wave variant, player view, sound quality sheet
  (Wi-Fi / mobile / downloads), recent-tracks cache clearing on next
  cold start, and a change-password sheet.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/mobile/src/app/(tabs)/_layout.tsx

@@ -6,13 +6,14 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import { player } from '../../player/controller';
 import { usePlayerState } from '../../player/hooks';
-import { colors } from '../../theme';
+import { useColors } from '../../theme';
 import { Cover, Icon, type IconName } from '../../ui/kit';
 import { UpdateDialog } from '../../ui/UpdateDialog';
 
 const ICONS: Record<string, IconName> = { index: 'home', search: 'search', collection: 'library-music', profile: 'person' };
 
 export default function TabsLayout() {
+  const colors = useColors();
   const { t } = useTranslation();
   const labels: Record<string, string> = {
     index: t('nav.home'),
@@ -59,6 +60,7 @@ function TabBar({
   labels: Record<string, string>;
   onPress: (name: string) => void;
 }) {
+  const colors = useColors();
   const insets = useSafeAreaInsets();
   return (
     <View
@@ -95,6 +97,7 @@ function TabBar({
 
 /** Мини-плеер над навигацией; нажатие — полноэкранный плеер. */
 function MiniPlayer() {
+  const colors = useColors();
   const { t } = useTranslation();
   const router = useRouter();
   const st = usePlayerState();
@@ -134,6 +137,7 @@ function MiniPlayer() {
 
 /** Нет сети: доступны «Скачанное» и офлайн-волна. */
 function OfflineBanner({ text }: { text: string }) {
+  const colors = useColors();
   const insets = useSafeAreaInsets();
   return (
     <View accessibilityRole="alert" style={{ paddingTop: insets.top + 6, paddingBottom: 6, paddingHorizontal: 16, backgroundColor: colors.surface3, flexDirection: 'row', gap: 8, alignItems: 'center' }}>