fix padding on ValidProofScreen and WrongProofScreen

app/src/screens/ValidProofScreen.tsx

@@ -8,7 +8,7 @@ import { QrCode } from '@tamagui/lucide-icons';
 
 const SuccessScreen: React.FC = () => {
   return (
-    <YStack f={1} p="$3">
+    <YStack f={1} >
       <YStack f={1} mt="$8">
         <Text ml="$1" fontSize="$10" color={textBlack}><Text style={{ textDecorationLine: 'underline', textDecorationColor: bgGreen }}>Success</Text>, the proof has been verified</Text>
         <XStack f={1} />

app/src/screens/WrongProofScreen.tsx

@@ -31,7 +31,7 @@ const WrongProofScreen: React.FC = () => {
   console.log('Failed conditions:', JSON.stringify(failedConditions));
 
   return (
-    <YStack f={1} p="$3">
+    <YStack f={1} >
       <YStack f={1} mt="$4" >
         <Text ml="$1" fontSize={34} color={textBlack}>
           <Text style={{ textDecorationLine: 'underline', textDecorationColor: bgGreen }}>Oops</Text>, the proof is not valid.