refactor(bridge-ui): simplify components

[jscriptcoder]

There are components with a lot of logic, such as App.svelte, BridgeForm.svelte, Transaction.svelte... making them complex and difficult to read, debug and therefore maintain, more pone to errors and scalability issues. By keeping them simple, small and well commented we improve readability and understanding, we make them more maintainable, easing also the onboarding of new developers. We might want to extract most of this logic out of the component making them slimmer and also easier to unit test.

Another idea would be to re think the use of store variables, and use them as less as possible, only where it's really necessary for example when they're shared in multiple components or to avoid prop-drilling. But otherwise use more props or simply local state. This also simplifies the code the logic. And example of this is with wagmiClient or bridges, where they are initialized in App.svelte, but only used in one another component. We could make use of Context API instead since stores are used to manage state.

[jscriptcoder]

Subtasks:

• chore(bridge-ui): reduce logic and remove some store variables #13313
• chore(bridge-ui): reduce store variables #13320
• chore(bridge-ui): move to local state #13321
• chore(bridge-ui): clean up domains #13337
• chore(bridge-ui): move maps out of the store #13349
• refactor(bridge-ui): static common services and transactions #13497
• refactor(bridge-ui): extract router #13559
• refactor(bridge-ui): storage and custom tokens #13568
• fix(bridge-ui): pending transactions custom store with better error handling #13581

[dionysuzx]

@jscriptcoder can we close this issue now?

[jscriptcoder]

Yes, we can close this ticket... Closing it.