perf: kill LiFi bridge, drop unused fonts, lazy-load polkadot

apps/tangle-dapp/src/app/app.spec.tsx

@@ -31,10 +31,6 @@ vi.mock('../pages/blueprints/[id]', () => ({
   default: () => <div data-testid="blueprint-details-page" />,
 }));
 
-vi.mock('../pages/bridge', () => ({
-  default: () => <div data-testid="bridge-page" />,
-}));
-
 vi.mock('../pages/claim/migration', () => ({
   default: () => <div data-testid="claim-migration-page" />,
 }));
@@ -75,12 +71,6 @@ describe('App', () => {
     expect(await screen.findByTestId('claim-migration-page')).toBeTruthy();
   });
 
-  it('renders bridge route', async () => {
-    renderAt('/bridge');
-
-    expect(await screen.findByTestId('bridge-page')).toBeTruthy();
-  });
-
   it('renders blueprint routes', async () => {
     renderAt('/blueprints');
     expect(await screen.findByTestId('blueprints-page')).toBeTruthy();

apps/tangle-dapp/src/app/app.tsx

@@ -17,7 +17,6 @@ import { SkeletonLoader } from '@tangle-network/ui-components';
 // cold-load entry, lazy-loading it would cause a fallback flash.
 const BlueprintsPage = lazy(() => import('../pages/blueprints'));
 const BlueprintDetailsPage = lazy(() => import('../pages/blueprints/[id]'));
-const BridgePage = lazy(() => import('../pages/bridge'));
 const NotFoundPage = lazy(() => import('../pages/notFound'));
 const MigrationClaimPage = lazy(() => import('../pages/claim/migration'));
 const StakingTabContent = lazy(
@@ -67,8 +66,6 @@ function App() {
                 element={<Navigate to={PagePath.CLAIM} replace />}
               />
 
-              <Route path={PagePath.BRIDGE} element={<BridgePage />} />
-
               <Route path={PagePath.BLUEPRINTS}>
                 <Route index element={<BlueprintsPage />} />
 

apps/tangle-dapp/src/components/Sidebar/sidebarProps.tsx

@@ -4,7 +4,6 @@ import {
   GiftLineIcon,
   GlobalLine,
   HomeFillIcon,
-  ShuffleLine,
   TokenSwapFill,
   WaterDropletIcon,
 } from '@tangle-network/icons';
@@ -46,13 +45,6 @@ const SIDEBAR_STATIC_ITEMS: SideBarItemProps[] = [
     Icon: WaterDropletIcon,
     subItems: [],
   },
-  {
-    name: 'Bridge',
-    href: PagePath.BRIDGE,
-    isInternal: true,
-    Icon: ShuffleLine,
-    subItems: [],
-  },
   {
     name: 'Claim TNT',
     href: PagePath.CLAIM,

apps/tangle-dapp/src/main.tsx

@@ -1,5 +1,9 @@
 // Import global styles first.
 import '@tangle-network/ui-components/tailwind.css';
+// Opt in to the legacy Cousine + Satoshi WOFF2 bundle. Apps that prefer
+// their own font stacks (e.g. tangle-cloud uses Geist via @fontsource)
+// skip this import to avoid bundling ~443KB of unused font assets.
+import '@tangle-network/ui-components/css/typography-fonts.css';
 import './styles.css';
 
 import { StrictMode } from 'react';

apps/tangle-dapp/src/types/index.ts

@@ -4,7 +4,6 @@ export enum PagePath {
   NOMINATION_VALIDATOR = '/nomination/:validatorAddress',
   CLAIM = '/claim',
   CLAIM_MIGRATION = '/claim/migration',
-  BRIDGE = '/bridge',
   BLUEPRINTS = '/blueprints',
   BLUEPRINTS_DETAILS = '/blueprints/:id',
   SERVICES = '/services',