refactor(converter): shared page layout + reusable conversion logic/UI

Pages:
- add WalletLayout route (WalletHeader + main + Footer via <Outlet/>),
  wrap converter/swap/bridge/transactions; thin pages, drop duplicated shell CSS
- extract SwapBridgeTabs shared between swap/bridge pages

Converter reuse (FSD layers, no widget->widget imports):
- move commission tiers to entities/commission (+ CommissionTable ui)
- shared calc hook features/payment/model/useCurrencyConversion;
  useConverterSection becomes thin wrapper; HomePage Converter reuses it
- move ConvertField/DirectionSwapButton to shared/ui; delete dead useConverter

Tooling:
- add eslint.config.js (ESLint 9 flat config); fix no-explicit-any in WalletPage

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/widgets/currency-converter/ui/Converter.module.css

@@ -23,11 +23,6 @@
   margin-bottom: 40px;
 }
 
-.title {
-  font-size: clamp(36px, 4vw, 52px);
-  font-weight: 700;
-}
-
 .subtitle {
   font-size: 14px;
   color: var(--text-secondary);
@@ -97,112 +92,6 @@
   background: rgba(255, 255, 255, 0.04);
 }
 
-.field {
-  margin-bottom: 12px;
-}
-
-.fieldError {
-  margin-top: 8px;
-  font-size: 13px;
-  color: var(--error);
-}
-
-.fieldLabel {
-  font-size: 12px;
-  letter-spacing: 2px;
-  text-transform: uppercase;
-  color: var(--text-secondary);
-  margin-bottom: 8px;
-}
-
-.fieldInput {
-  display: flex;
-  align-items: center;
-  background: rgba(255, 255, 255, 0.04);
-  border: 1px solid var(--glass-border);
-  border-radius: 12px;
-  padding: 0 16px;
-  transition: border-color 0.3s;
-}
-
-.fieldInput:focus-within {
-  border-color: var(--interactive);
-}
-
-.fieldInput input {
-  flex: 1;
-  background: none;
-  border: none;
-  outline: none;
-  color: var(--text-primary);
-  font-family: var(--font-mono);
-  font-size: 18px;
-  padding: 16px 0;
-  width: 100%;
-}
-
-.currency {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--text-secondary);
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.currencyIcon {
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 12px;
-  font-weight: 700;
-  color: #fff;
-}
-
-.currencyRub {
-  background: var(--interactive);
-}
-
-.currencyUsdt {
-  background: var(--success);
-}
-
-.swapWrap {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 12px;
-}
-
-.swapBtn {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  border: 1px solid var(--glass-border);
-  background: var(--glass-bg);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.3s;
-  color: var(--text-secondary);
-}
-
-.swapBtn:hover {
-  border-color: var(--highlight);
-  color: var(--highlight);
-  transform: rotate(180deg);
-}
-
-.bottom {
-  display: flex;
-  justify-content: center;
-  margin-top: 40px;
-  padding-top: 32px;
-  border-top: 1px solid var(--glass-border);
-}
-
 .payBtn {
   display: flex;
   align-items: center;
@@ -242,10 +131,6 @@
     margin-bottom: 1.5rem;
   }
 
-  .field {
-    margin-bottom: 1rem;
-  }
-
   .bottom {
     margin-top: 1.5rem;
     padding-top: 1rem;
@@ -265,4 +150,4 @@
   .wrap {
     padding: 28px;
   }
-}
+}