fix(sign-message): keep the trust warning inside the footer (#2972)

The default View footer is a fixed 80px, which the "Only confirm if you
trust this site" line plus the button row overflows by 40px. The text
spilled upward out of the footer and painted over the content pane —
visible whenever the message is long enough to push the Wallet/Network
card to the bottom of the scroll area.

Size the footer to its content instead, and add 12px above the warning so
it clears the same 36px the footer already clears below the buttons.

Co-authored-by: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: CassioMG

extension/src/popup/views/SignMessage/index.tsx

@@ -359,7 +359,10 @@ export const SignMessage = () => {
             </div>
           )}
         </View.Content>
-        <View.Footer>
+        {/* The default footer is a fixed 80px, which this footer's warning line
+            plus button row overflows — the text then spills up over the content
+            pane. Size to content so it grows instead. */}
+        <View.Footer customHeight="auto">
           {!shouldShowWarning && (
             <span className="SignMessage__Warning">
               {t("Only confirm if you trust this site")}

extension/src/popup/views/SignMessage/styles.scss

@@ -64,6 +64,10 @@
   }
 
   &__Warning {
+    // The footer clears 36px below the buttons (24px footer padding + the 12px
+    // Actions margin). The content pane's own bottom padding contributes 24px
+    // above this line, so add 12px to match, keeping the line evenly inset.
+    margin-top: pxToRem(12px);
     color: var(--sds-clr-gray-10);
     text-align: center;
     font-size: pxToRem(14px);