Fredkiss3/fe 107 new homepage

.vscode/settings.json

@@ -9,5 +9,9 @@
   "[typescriptreact]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
-  "editor.defaultFormatter": "esbenp.prettier-vscode"
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "typescript.preferences.importModuleSpecifier": "non-relative",
 }

apps/web/app/(entity)/[network]/[...path]/page.tsx

@@ -32,10 +32,24 @@ export async function generateMetadata({
     const query = params.path[1];
     return {
       title: `Searching for ${query}`,
+      icons: [
+        {
+          rel: "icon",
+          url: `/api/og?model=favicon&networkSlug=${network.slug}`,
+        },
+      ],
     };
   }
 
-  return getMetadata(params, network);
+  return {
+    ...getMetadata(params, network),
+    icons: [
+      {
+        rel: "icon",
+        url: `/api/og?model=favicon&networkSlug=${network.slug}`,
+      },
+    ],
+  };
 }
 
 export default function EntityPage({

apps/web/app/(entity)/[network]/error.tsx

@@ -6,11 +6,11 @@ import { ErrorBox } from "~/ui/error/box";
 import { Footer } from "~/ui/footer";
 import { HomeBg } from "~/ui/home-bg";
 import { HomeBgMobile } from "~/ui/home-bg/mobile";
-import { useSearchOptionsContext } from "~/ui/search-options-context";
+import { useGroupedNetworksContext } from "~/ui/grouped-networks-context";
 
 export default function Error() {
   const params = useParams();
-  const optionGroups = useSearchOptionsContext();
+  const optionGroups = useGroupedNetworksContext();
   const network = React.useMemo(() => {
     const values = optionGroups.flat();
     return (

apps/web/app/(entity)/[network]/layout.tsx

@@ -1,5 +1,5 @@
 // components
-import { Header } from "~/ui/header";
+import { EntityHeader } from "~/ui/entity-header";
 import { HideBodyOverflow } from "~/ui/hide-body-overflow";
 
 // utils
@@ -30,7 +30,7 @@ export default async function BlockLayout({
     >
       <HideBodyOverflow />
 
-      <Header networkSlug={params.network} />
+      <EntityHeader networkSlug={params.network} />
 
       <div className="grid lg:grid-cols-6">
         <div