add original cards back, pre re-style

app/components/FactionBar.tsx

@@ -44,7 +44,7 @@ export const FactionBar = ({
       <Bar size={nc} color="#22f" title="New Conglomerate">
         {nc.toLocaleString()}
       </Bar>
-      <Bar size={tr} color="#f11" borders title="Terran Republic">
+      <Bar size={tr} color="#f11" title="Terran Republic">
         {tr.toLocaleString()}
       </Bar>
       <Bar size={vs} color="#a0d" title="Vanu Sovreignty">

app/globalStyles.ts

@@ -8,5 +8,4 @@ export const Body = styled("body", {
   color: "#fff",
   lineHeight: 1.6,
   fontFamily: "'IBM Plex Mono', monospace",
-  margin: 0,
 });

app/routes/index.tsx

@@ -14,14 +14,16 @@ export const loader = async () => {
 };
 
 export default function Index() {
-  // const { allWorlds } = useLoaderData<typeof loader>();
+  const { allWorlds } = useLoaderData<typeof loader>();
 
   return (
     <div>
       <Header />
-      {/* {allWorlds.map((world) => (
-        <WorldCard key={world.id} world={world} />
-      ))} */}
+      <div>
+        {allWorlds.map((world) => (
+          <WorldCard world={world} key={world.id} />
+        ))}
+      </div>
     </div>
   );
 }