Chore/reusable collapse (#615)

* remove again TransactionDialog components cluster

* add reusable Collapse

* add reusable LabeledCopyablePublicKey

* add BridgeFeeCollapse

* simplify TransferDialog logic

src/components/Collapse/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+interface CollapseProps {
+  title: React.ReactNode;
+  children: React.ReactNode;
+  className?: string;
+  titleClassName?: string;
+  contentClassName?: string;
+  [key: string]: unknown;
+}
+
+export function Collapse({ title, children, className, titleClassName, contentClassName, ...rest }: CollapseProps) {
+  return (
+    <div tabIndex={0} className={`collapse collapse-arrow ${className || ''}`} {...rest}>
+      <input type="checkbox" />
+      <div className={`collapse-title ${titleClassName || ''}`}>{title}</div>
+      <div className={`collapse-content ${contentClassName || ''}`}>{children}</div>
+    </div>
+  );
+}

src/components/LabeledCopyablePublicKey/index.tsx

@@ -0,0 +1,16 @@
+import { CopyablePublicKey } from '../PublicKey/CopyablePublicKey';
+
+interface AddressDisplayProps {
+  label: string;
+  publicKey: string;
+  tenantName?: string;
+  showMemo?: boolean;
+  expectedStellarMemo?: string;
+}
+
+export const AddressDisplay: React.FC<AddressDisplayProps> = ({ label, publicKey }) => (
+  <div className="flex flex-row justify-between">
+    <div className="text-sm">{label}</div>
+    <CopyablePublicKey inline={true} className="p-0 text-sm" variant="short" publicKey={publicKey} />
+  </div>
+);