perf(accessibility): flatten header group in Perps and Predictions sections

Remove inner Box wrapper grouping SectionHeader and UnrealizedPnL row,
making both elements direct children of the outer Box. This reduces DOM
nesting, improves Appium accessibility, and aligns visual spacing between
Perps and Predictions sections.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: javiergarciavera

app/components/Views/Homepage/Sections/Perpetuals/PerpsSection.tsx

@@ -442,18 +442,16 @@ const PerpsSectionMain = forwardRef<SectionRefreshHandle, PerpsSectionProps>(
     return (
       <View ref={sectionViewRef} onLayout={onLayout}>
         <Box gap={3}>
-          <Box gap={1}>
-            <SectionHeader title={title} onPress={handleViewAllPerps} />
-            {showHomepageUnrealizedPnl && (
-              <HomepageSectionUnrealizedPnlRow
-                isLoading={perpsAccountLoading}
-                valueText={homepageUnrealizedPnl?.valueText}
-                tone={homepageUnrealizedPnl?.tone ?? 'neutral'}
-                label={strings('perps.unrealized_pnl')}
-                testID="homepage-perps-unrealized-pnl"
-              />
-            )}
-          </Box>
+          <SectionHeader title={title} onPress={handleViewAllPerps} />
+          {showHomepageUnrealizedPnl && (
+            <HomepageSectionUnrealizedPnlRow
+              isLoading={perpsAccountLoading}
+              valueText={homepageUnrealizedPnl?.valueText}
+              tone={homepageUnrealizedPnl?.tone ?? 'neutral'}
+              label={strings('perps.unrealized_pnl')}
+              testID="homepage-perps-unrealized-pnl"
+            />
+          )}
           {showSkeleton || pendingTrending ? (
             <SectionRow>
               <PerpsPositionSkeleton />

app/components/Views/Homepage/Sections/Predictions/PredictionsSection.tsx

@@ -199,22 +199,20 @@ const HomepagePredictPositions = ({
 }: HomepagePredictPositionsProps) => (
   <Box gap={3}>
     {showHeader && (
-      <Box gap={1}>
-        <SectionHeader
-          title={title}
-          onPress={onViewAll}
-          testID={WalletViewSelectorsIDs.HOMEPAGE_SECTION_TITLE('predictions')}
-        />
-        {predictHomepageUnrealizedPnl.show && (
-          <HomepageSectionUnrealizedPnlRow
-            isLoading={predictHomepageUnrealizedPnl.isLoading}
-            valueText={predictHomepageUnrealizedPnl.valueText}
-            tone={predictHomepageUnrealizedPnl.tone}
-            label={strings('predict.unrealized_pnl_label')}
-            testID="homepage-predict-unrealized-pnl"
-          />
-        )}
-      </Box>
+      <SectionHeader
+        title={title}
+        onPress={onViewAll}
+        testID={WalletViewSelectorsIDs.HOMEPAGE_SECTION_TITLE('predictions')}
+      />
+    )}
+    {showHeader && predictHomepageUnrealizedPnl.show && (
+      <HomepageSectionUnrealizedPnlRow
+        isLoading={predictHomepageUnrealizedPnl.isLoading}
+        valueText={predictHomepageUnrealizedPnl.valueText}
+        tone={predictHomepageUnrealizedPnl.tone}
+        label={strings('predict.unrealized_pnl_label')}
+        testID="homepage-predict-unrealized-pnl"
+      />
     )}
     {isLoadingPositions ? (
       <>