feat: auto-select best pool fee tier for trades

[Maxnflaxl]

When a user enters a trade amount, all pools matching the token pair are queried sequentially (bPredictOnly=1) and the one returning the highest buy amount is selected automatically. Adds a fee tier picker showing a "Best" badge on the winning pool with manual override and an "Auto" reset button.

dapp

• New onFindBestPool saga action queries each fee tier and dispatches setCurrentPool with the winner (takeLatest cancels stale searches).
• activePool memo replaced with matchedPools + manualKind/bestKind state so auto and manual selections are tracked independently.
• Amount inputs format with thousands separators in real time; Input.tsx validates amounts using a comma-stripped copy so typing isn’t blocked; selection is restored after format so the caret doesn’t jump to the end; useValidation strips commas in the isMax check.
• formatPredictAmount preserves full decimal precision (no rounding).
• Clearing the active input now also clears the predicted output.
• Fee tier picker is consistent across embedded and non-embedded layouts; helpers moved to module level.
• Fix: saga filter cast and duplicate clean: true in webpack config.
• Raise max amount cap to MAX_SAFE_INTEGER to allow full trading in bigger pools (noticed this limitation in the TICO pool).
• FROM and TO fields on the TRADE page show a "0" as a placeholder at start, which gets automatically removed when the input field is in focus and returns when the field is out of focus but still without input.
• Fix: correct fee token labels and full decimal precision in trade summary
• Add Liquidity and Remove Liquidity pages now use the same number formatting and placeholder logic
• remove blue outline from fee tier list on the CREATE POOL page
• inline reserve errors replaces asset amount > MAX bottom right alert
• popup search modal with two types, asset and explore
• Asset Info Page
• extend favorites to assets with filter in asset selector
• Replace old utils.js with @vsnation's BeamDappConnector
• Added support for AMML 0/7/1 and AMML BEAM/BEAMX 1%, updated labels to AMML (SN(id)/SN(id) - fee%), and removed ambiguous fee-index matches.
• Fake Asset warning
• clicking on an asset in the POOL INFO widget on the TRADE page opens that asset in the ASSET INFO page

ui

Scroll / layout

• App: Scrollbars view uses overflow-x hidden + overscroll-behavior none; hide
  tracks when not needed; optional body/html overscroll-behavior in global styles.
• Global: html/body/#root overflow-x hidden, width chains; remove body min-width
  that forced horizontal overflow; #root block + height 100% for Scrollbars.
• Global: body.web / body.mobile + html:has(...) use --color-dark-blue and
  min-height 100vh so the shell fills the viewport behind TopNav (not only the
  Window content column).
• Container: width 100% + max-width 914px; optional wide (980px) for embedded
  trade; TradePool embedded uses wide.
• Window, SwapPoolsHome, EmbeddedLayout, AssetsSection, InlineSelect: min-width,
  overflow-x, and grid column width (620px trade column) to avoid clip/scroll;
  InlineSelect min-width 200px and flex-shrink 0 so control/menu stay readable.
• poolFlowLayout Line: max-width 412px instead of fixed width.

Asset selector (react-select custom-filter)

• Menu portaled to document.body with position fixed so dropdown is not clipped
  by overflow ancestors.
• SCSS: menu/menu-portal z-index, control min-width, option/menu overflow,
  tighter menu-list padding; styles consolidated from inline TS where possible.
• ReactSelect: layout via Linaria (grid row + ellipsis); removed unused inline
  StylesConfig blob; portal props kept in component.

Metadata

• getOptions / asset labels use SN from parsed metadata (short ticker), then UN,
  then N; shared assetShortLabel helper in appUtils.

---

---

Github CI build used the dev build before, now uses the correct prod build.