fix: improve graph spacing, mobile layout, and Telegram viewport

- Increase FA2 scalingRatio to 10 and decrease gravity to 0.5 for
  better node spacing (less cluttered graph)
- Use 100dvh instead of 100vh for Telegram Mini App viewport compat
- Hide legend on mobile to prevent overlay collision
- Move controls to bottom-right on mobile, bottom-center on desktop
- Make stats single-column on mobile for compact layout

src/pages/ReferralNetwork/components/NetworkGraph.tsx

@@ -236,9 +236,10 @@ export function NetworkGraph({ data, className }: NetworkGraphProps) {
     if (graph.order > 0) {
       const supervisor = new FA2LayoutSupervisor(graph, {
         settings: {
-          gravity: 1,
-          scalingRatio: 2,
+          gravity: 0.5,
+          scalingRatio: 10,
           barnesHutOptimize: true,
+          slowDown: 2,
         },
       });
       fa2Ref.current = supervisor;

src/pages/ReferralNetwork/components/NetworkStats.tsx

@@ -31,9 +31,9 @@ export function NetworkStats({ data, className }: NetworkStatsProps) {
 
   return (
     <div
-      className={`rounded-xl border border-dark-700/50 bg-dark-900/80 p-3 backdrop-blur-md ${className ?? ''}`}
+      className={`rounded-xl border border-dark-700/50 bg-dark-900/80 p-2 backdrop-blur-md sm:p-3 ${className ?? ''}`}
     >
-      <div className="grid grid-cols-2 gap-3">
+      <div className="grid grid-cols-1 gap-1.5 sm:grid-cols-2 sm:gap-3">
         {stats.map((stat) => (
           <div key={stat.label}>
             <p className="text-[10px] font-medium uppercase tracking-wider text-dark-500">