Brighter background color, rearranging of elementes + empire count

components/tables/empires.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import useSWR from "swr";
+
+const fetcher = async (url:any) => await fetch(url).then((res) => res.json());
+
+export const EmpireStats = () => {
+  const {data} = useSWR('/api/empires',fetcher);
+  
+  let ret;
+
+  if (data) {
+    ret = (
+      <div className="text-blue-600">{data.empireCount} Empires</div>
+    )
+  }
+  else {
+    ret = (<div></div>)
+  }
+  return ret
+}