add median screens per product calculation to GlobalStats component

Author: 514sid

astro/src/components/GlobalStats.tsx

@@ -7,6 +7,19 @@ export const GlobalStats = () => {
         return sum + (product.stats.screens?.total || 0);
     }, 0);
 
+    const medianScreensPerProduct = (() => {
+        const screens = products
+            .map(product => product.stats.screens?.total)
+            .filter(total => total !== undefined)
+            .sort((a, b) => a - b);
+
+        const mid = Math.floor(screens.length / 2);
+        
+        return screens.length % 2 === 0
+            ? (screens[mid - 1] + screens[mid]) / 2
+            : screens[mid];
+    })();
+
     return (
         <div className="flex gap-10 items-center">
             <div className="flex gap-5 font-mono h-12 items-center">
@@ -25,6 +38,14 @@ export const GlobalStats = () => {
                     {screenCount.toLocaleString()}
                 </div>
             </div>
+            <div className="flex gap-5 font-mono h-12 items-center">
+                <div>
+                    Median Screens per Product
+                </div>
+                <div>
+                    {medianScreensPerProduct.toLocaleString()}
+                </div>
+            </div>
         </div>
     )
 }