feat: revamp stacks nfts send to screen

[teebszet]

🔘 PR Type

• Bugfix
• Enhancement

📜 Background

https://linear.app/xverseapp/issue/ENG-3188/send-stx-nft-screen-in-fullscreen

🔄 Changes

• fix: ledger accounts should only open in new tab when not already in full screen
• fix: back button display should rely on back history not ledger account
• feat: revamp the send nfts screen to match send ordinals layout (responsive)

Impact:

• send nft screen and send ordinal were refactored to share the same layout, so can check for layout breakages and functional breakages on both screens (extension and full screen view)
• any flow which can open a new tab while using ledger account, now only opens the new tab if not already in full screen
  • any Send button
  • any Add Stacks Address button
  • recover assets button from settings page
• both send nft and send ordinal screens were previously hiding back button if ledger account. but if the user did 'open gallery' while on the collectibles tabs page, and then clicked through to 'send', we should allow the user to go back

🖼 Screenshot / 📹 Video

Screen.Recording.2023-11-10.at.6.48.43.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.

[fedeerbes]

it will be cool to have a component which handles rendering according to break points, cause i see a lot of this conditional renders with the variable defined above. something like

<RenderBPLayout
    xs={<Component/>}
    m={ <Component/>}
    />

or

<RenderBPLayout
    >
      {(breakpoint) => {
        switch (breakpoint) {
          case 'xs':
            return <Component/>;
          case 'm':
            return <Component/>;
          default:
            return <Component/>;
      }
      }
    </RenderBPLayout>

[fedeerbes]

we should consider making components from this to avoid code repetition, right?

[teebszet]

yeah true. could be the right time to make the input component in Ui library