[ENG-3384] fix: UI issues found in 0.24

[teebszet]

🔘 PR Type

• Bugfix

📜 Background

Issue Link: ENG-3384

🔄 Changes

• fix: sticky buttons and padding on confirm btc screen, confirm send rare sats screen, confirm send ordinal screen
• fix: always use responsive container for confirm btc screen because ledger accounts require it, and fix double scroll bar, hide back button issues when on a full screen tab
• [ @abdulhaseeb4239 ] fix: hide the sat bundle on review for a btc send screen

Impact:

• responsive send layout is shared between: send ordinal, send rare sats, send nft, confirm btc send, confirm rare sats send, confirm ordinal send
• the responsive layouts cover:
  • extension popup screen (docked to extension icon)
  • extension full screen tabs (incl. ledger for send/confirm screens)
  • extension popup windows (floating and height is responsive, but currently only the send btc popup will be responsive to screen width too)
• also had to refactor the global CSS and containers. I checked all the main screens incl. login, settings, home, stacking, collectibles, and restore wallet flow
• also fixed some cases where back buttons / account headers / bottom nav bars were not supposed to be showing, or were supposed to be disabled

🖼 Screenshot / 📹 Video

send btc fixed:

Screen.Recording.2023-12-04.at.3.21.44.PM.mov

send rare sats:

confirm rare sats:

popup windows:

Screen.Recording.2023-12-04.at.11.10.29.PM.mov

✅ Review checklist

Please ensure the following are true before merging:

• Code Style is consistent with the project guidelines.
• Code is readable and well-commented.
• No unnecessary or debugging code has been added.
• Security considerations have been taken into account.
• The change has been manually tested and works as expected.
• Breaking changes and their impacts have been considered and documented.
• Code does not introduce new technical debt or issues.

[abdulhaseeb4239]

There seems to be a UI issue in rare sat confirm screen's buttons

[abdulhaseeb4239]

The bottom tabs are hidden for some reason.

[teebszet]

code should always use /nft-dashboard/confirm-ordinal-tx/:id route