frontend: utilize send-wrapper to lift some stuff from the Send component

[NicolaLS]

Two small improvements towards the functional refactor.

Two things:

1. I moved this:
   

   bitbox-wallet-app/frontends/web/src/routes/account/send/send.tsx

   Lines 134 to 137 in 9ed7888

   	if (this.state.noMobileChannelError) {
   	alertUser(this.props.t('warning.sendPairing'));
   	return;
   	}

Into the send-wrapper and I'm not so sure if that's a good idea. But imo. there is no point in showing the error/returning only when the user hits send, because that is the ultimate goal of the component anyways.

2. I use bb01Paired instead of device (which was actually product) now to decide whether to show BB01 or BB02 stuff. This is a bit implicit but I think it is easy to understand/does not make the code harder to understand. Ofc. we can just add the device prop. back in if you think it is worth it.

[thisconnect]

when you add bb01Paired to TConfirmSendProps you need to Omit it 2 times.

How about you remove it from TConfirmSendProps and add it only where needed, something like:

diff --git a/frontends/web/src/routes/account/send/components/confirm/confirm.tsx b/frontends/web/src/routes/account/send/components/confirm/confirm.tsx
index 5c1d5b05e..7b4d19451 100644
--- a/frontends/web/src/routes/account/send/components/confirm/confirm.tsx
+++ b/frontends/web/src/routes/account/send/components/confirm/confirm.tsx
@@ -30,8 +30,13 @@ type TFiatValueProps = {
   amount: string
 }
 
-export const ConfirmSend = (props: TConfirmSendProps) => {
-  return (props.bb01Paired !== undefined ? (
+type ConfirmSend = { bb01Paired: boolean | undefined } & TConfirmSendProps;
+
+export const ConfirmSend = ({
+  bb01Paired,
+  ...props
+}: ConfirmSend) => {
+  return (bb01Paired !== undefined ? (
     <ConfirmingWaitDialog
       {...props}
     />
@@ -50,7 +55,7 @@ export const BB02ConfirmSend = ({
   selectedUTXOs,
   coinCode,
   transactionDetails
-}: Omit<TConfirmSendProps, 'bb01Paired'>) => {
+}: TConfirmSendProps) => {
 
   const { t } = useTranslation();
   const {
diff --git a/frontends/web/src/routes/account/send/components/confirm/dialogs/confirm-wait-dialog.tsx b/frontends/web/src/routes/account/send/components/confirm/dialogs/confirm-wait-dialog.tsx
index 6235aea0e..9b8a27cec 100644
--- a/frontends/web/src/routes/account/send/components/confirm/dialogs/confirm-wait-dialog.tsx
+++ b/frontends/web/src/routes/account/send/components/confirm/dialogs/confirm-wait-dialog.tsx
@@ -31,7 +31,7 @@ export const ConfirmingWaitDialog = ({
   selectedUTXOs,
   coinCode,
   transactionDetails
-}: Omit<TConfirmSendProps, 'bb01Paired'>) => {
+}: TConfirmSendProps) => {
   const { t } = useTranslation();
   const [signProgress, setSignProgress] = useState<TSignProgress>();
 
diff --git a/frontends/web/src/routes/account/send/components/confirm/types.ts b/frontends/web/src/routes/account/send/components/confirm/types.ts
index 6e288db04..dd280e389 100644
--- a/frontends/web/src/routes/account/send/components/confirm/types.ts
+++ b/frontends/web/src/routes/account/send/components/confirm/types.ts
@@ -27,7 +27,6 @@ export type TransactionDetails = {
   }
 
 export type TConfirmSendProps = {
-    bb01Paired: boolean | undefined;
     baseCurrencyUnit: ConversionUnit;
     note: string;
     hasSelectedUTXOs: boolean;

[NicolaLS]

@thisconnect PTAL

[thisconnect]

with this PR I get a 404 :(

[NicolaLS]

oh, it is wrong to pass product to hasMobileChannel not sure why I did that. I'll update it.

[NicolaLS]

same for getDeviceInfo actually

[NicolaLS]

@thisconnect thanks for the review, it was just a stupid logical error hope it works now. forgot to rebase/push before the change so the last push is the rebase and the one before the edit.