feat: improve layout of Stats page

frontend/src/pages/Stats.tsx

@@ -54,6 +54,17 @@ const StatPage = () => {
   if (error) return <p className="p-6 text-red-500">{error}</p>;
 
   return (
+    <div>
+      <div
+        style={{
+          display: "grid",
+          gridTemplateColumns: "2fr 1fr",
+          gap: 24,
+          maxWidth: 1100,
+          margin: "0 auto",
+          width: "100%"
+        }}
+      >
         <div>
           <h2>Posts per Day</h2>
 
@@ -70,7 +81,9 @@ const StatPage = () => {
               />
             </LineChart>
           </ResponsiveContainer>
+        </div>
 
+        <div>
           <h2>Word Cloud</h2>
           <ReactWordcloud 
             words={wordFrequencyData}
@@ -81,10 +94,13 @@ const StatPage = () => {
                     enableTooltip: true,
                   }}
           />
+        </div>
+      </div>
 
+      <div style={{ width: "100%", height: 320}}>
         <h2>Heatmap</h2>
         <ActivityHeatmap data={heatmapData} />
-
+      </div>
     </div>
   );
 }