Ollie greets an empty Sparring list; a judged round shows the mint check

Review of #265: the Practice tab was the only empty state without Ollie, and the judging ring showed a blue check where success is always mint with a check mark.

Author: Programcode

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

@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { StyleSheet, View } from 'react-native';
 
 import { Card, IconTile, ListItemIn } from '@/components/card';
+import { EmptyState } from '@/components/empty-state';
 import { Icon } from '@/components/icon';
 import { PressScale } from '@/components/press-scale';
 import { PRACTICE_TOOLS, type PracticeTool } from '@/components/practice-tools';
@@ -112,11 +113,7 @@ export default function PracticeScreen() {
               </Text>
             </Card>
           ) : items.length === 0 ? (
-            <Card>
-              <Text tone="secondary" style={styles.body}>
-                {t('historyPage.emptySparringDesc')}
-              </Text>
-            </Card>
+            <EmptyState pose="arguing" title={t('historyPage.emptySparring')} description={t('historyPage.emptySparringDesc')} />
           ) : (
             <Card style={styles.list}>
               {items.map((round, index) => (

apps/mobile/src/app/sparring/index.tsx

@@ -34,6 +34,7 @@ import { SegmentedControl } from '@/components/segmented-control';
 import { ContextLine } from '@/components/context-line';
 import { SessionCostNote } from '@/components/session-cost-note';
 import { SparringScorecardScreen, winnerText } from '@/components/sparring-views';
+import { SuccessCheck } from '@/components/success-check';
 import { Text } from '@/components/text';
 import { TimerRing } from '@/components/timer-ring';
 import { ToolTitle, WorkingIn } from '@/components/tool-form';
@@ -617,7 +618,7 @@ function LiveRound({
                 {status}
               </Text>
               {judging ? (
-                <Icon name="check" color={colors.primary} size={Math.round(ringSize * 0.22)} />
+                <SuccessCheck size={Math.round(ringSize * 0.26)} haptic={false} />
               ) : (
                 <Text
                   weight="bold"