Fix mobile responsive issues

- Remove duplicate home link in mobile nav
- Remove overflow-hidden clipping main content
- Improve mobile menu scrolling and spacing
- Make top-header currencies wrap on small screens
- Reduce site-header height on mobile
- Add global mobile CSS overrides for tables, padding, fonts

src/app/layout.tsx

@@ -91,9 +91,9 @@ export default async function RootLayout({ children }: { children: ReactNode })
               <TopHeader />
               <SiteHeader />
               <Navigation />
-              <main className="overflow-hidden">
-                <div className="mx-auto mt-10 grid max-w-7xl grid-cols-12 gap-x-3 gap-y-8 p-6 md:mt-0">
-                  <div className="col-span-12">{children}</div>
+              <main>
+                <div className="mx-auto mt-6 grid max-w-7xl grid-cols-12 gap-x-3 gap-y-6 px-4 py-4 md:mt-0 md:p-6">
+                  <div className="col-span-12 min-w-0">{children}</div>
                 </div>
               </main>
               <SiteFooter />