fix favicon

app/components/index-world.tsx

@@ -13,7 +13,7 @@ import { FactionBar } from "./faction-bar";
 import type { MetagameWorld } from "~/utils/metagame";
 import type { PopulationWorld } from "~/utils/population";
 import { c } from "~/utils/classes";
-import { ReactFragment, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 
 export type IndexWorldProps = {
   metagame: MetagameWorld;

app/root.tsx

@@ -12,8 +12,16 @@ import * as styles from "./root.css";
 import "./reset.css";
 
 export const links: LinksFunction = () => [
-  { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: true },
-  { rel: "preconnect", href: "ttps://fonts.googleapis.com", crossorigin: true },
+  {
+    rel: "preconnect",
+    href: "https://fonts.gstatic.com",
+    crossOrigin: "anonymous",
+  },
+  {
+    rel: "preconnect",
+    href: "ttps://fonts.googleapis.com",
+    crossOrigin: "anonymous",
+  },
   {
     rel: "stylesheet",
     href: "https://fonts.googleapis.com/css2?family=Unbounded:wght@700&display=swap",

app/routes/worlds.$id.tsx

@@ -1,6 +1,7 @@
 import type { LoaderArgs, V2_MetaFunction } from "@remix-run/cloudflare";
 import { json } from "@remix-run/cloudflare";
 import { useLoaderData } from "@remix-run/react";
+import { Footer } from "~/components/footer";
 import type { MetagameWorld } from "~/utils/metagame";
 import { fetchSingleMetagameWorld } from "~/utils/metagame";
 import type { WorldResponse, Zone } from "~/utils/saerro";
@@ -70,7 +71,7 @@ export default function World() {
   const worldInfo = worlds[String(id || "default")];
 
   return (
-    <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.6" }}>
+    <div>
       <h1>{worldInfo.name}</h1>
       <h2>Total Population</h2>
       <p>
@@ -83,6 +84,7 @@ export default function World() {
           <ZoneInfo zone={zone} key={zone.id} />
         ))}
       </div>
+      <Footer isMainPage />
     </div>
   );
 }