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

@@ -58,13 +58,13 @@ export async function TopHeader() {
   return (
     <div style={{ backgroundColor: "var(--color-navbar)" }}>
       <div className="max-w-7xl min-h-[60px] px-4 flex items-center justify-between mx-auto">
-        <div className="flex gap-x-6">
+        <div className="flex flex-wrap gap-x-3 sm:gap-x-6">
           <Currency icon="nav-credit-icon" amount={credits} label="Credits" />
           <Currency icon="nav-ducket-icon" amount={duckets} label="Duckets" />
           <Currency icon="nav-diamond-icon" amount={diamonds} label="Diamonds" />
         </div>
 
-        <div className="flex items-center gap-x-3">
+        <div className="flex items-center gap-x-1 sm:gap-x-3">
           {isStaff ? (
             <details className="relative">
               <summary