wrapping up

Author: B0Y3R-AVA

packages/core-mobile/app/new/common/components/ProgressDots.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { View } from 'react-native'
+import { View, Platform } from 'react-native'
 import { useTheme } from '@avalabs/k2-alpine'
 import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated'
 
@@ -12,8 +12,6 @@ interface ProgressDotsProps {
   dotSize?: number
   /** Gap between dots */
   gap?: number
-  /** Custom height for the container */
-  height?: number
   /** Test ID for testing */
   testID?: string
 }
@@ -57,7 +55,6 @@ export const ProgressDots: React.FC<ProgressDotsProps> = ({
   currentStep,
   dotSize = 6,
   gap = 6,
-  height,
   testID
 }) => {
   const {
@@ -71,7 +68,7 @@ export const ProgressDots: React.FC<ProgressDotsProps> = ({
         flexDirection: 'row',
         alignItems: 'center',
         gap,
-        ...(height && { height }),
+        height: 56,
         justifyContent: 'center'
       }}>
       {Array.from({ length: totalSteps }).map((_, index) => (

packages/core-mobile/app/new/common/components/ScrollScreen.tsx

@@ -193,7 +193,8 @@ export const ScrollScreen = ({
             style={[
               headerStyle,
               {
-                gap: 8
+                gap: 8,
+                paddingHorizontal: 16
               }
             ]}>
             {title ? (

packages/core-mobile/app/new/features/ledger/components/LedgerAppConnection.tsx

@@ -383,7 +383,7 @@ export const LedgerAppConnection: React.FC<LedgerAppConnectionProps> = ({
       return (
         <View style={{ flex: 1, paddingHorizontal: 16 }}>
           {/* Header with refresh icon and title */}
-          <View style={{ alignItems: 'center', paddingVertical: 32 }}>
+          <View style={{ alignItems: 'center', paddingVertical: 24 }}>
             <Icons.Notification.Sync
               color={colors.$textPrimary}
               width={75}
@@ -411,10 +411,10 @@ export const LedgerAppConnection: React.FC<LedgerAppConnectionProps> = ({
           </View>
 
           <View style={{ flex: 1 }}>
-            <GroupList data={addressListData} itemHeight={48} />
+            <GroupList data={addressListData} itemHeight={40} />
           </View>
 
-          <View style={{ paddingBottom: 16, paddingTop: 16 }}>
+          <View style={{ paddingBottom: 8, paddingTop: 12 }}>
             <Button type="tertiary" size="large" onPress={onCancel}>
               Cancel setup
             </Button>

packages/core-mobile/app/new/features/ledger/screens/DeviceConnectionScreen.tsx

@@ -195,7 +195,6 @@ export default function DeviceConnectionScreen(): JSX.Element {
       renderFooter={renderFooter}
       contentContainerStyle={{ flex: 1 }}>
       <View style={{ flex: 1, padding: 16 }}>
-        {/* Always render the same AnimatedIconWithText component */}
         <View
           style={{
             position: 'absolute',