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/components/site-header.tsx

@@ -26,7 +26,7 @@ export async function SiteHeader() {
     header && header !== "/assets/images/background.png" ? header : "/assets/images/banner.png";
 
   return (
-    <div className="site-header relative w-full overflow-hidden" style={{ minHeight: "18rem" }}>
+    <div className="site-header relative w-full overflow-hidden" style={{ minHeight: "clamp(12rem, 30vw, 18rem)" }}>
       {/* Background image */}
       <div className="absolute inset-0" style={{ background: `url(${bannerUrl}) center/cover no-repeat` }} />
 
@@ -59,7 +59,7 @@ export async function SiteHeader() {
       />
 
       {/* Content */}
-      <div className="relative flex flex-col items-center justify-center px-4 py-12 min-h-[18rem]">
+      <div className="relative flex flex-col items-center justify-center px-4 py-8 md:py-12 min-h-[clamp(12rem,30vw,18rem)]">
         <Link href="/" className="transition-transform duration-300 hover:scale-105 mb-8">
           {logo ? (
             <Image