[Fix] Add 'Chainlist' link to header and update navigation structure (#…

…3939)

## Problem solved

Short description of the bug fixed or feature added

<!-- start pr-codex -->

---

## PR-Codex overview
The focus of this PR is to add a new `Chainlist` link in the header and a corresponding button in the app shell.

### Detailed summary
- Added `Chainlist` link in the header navigation.
- Included a `Chainlist` button in the app shell for quick access.
- Removed previous `Chainlist` link implementation.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

apps/dashboard/src/app/components/Header/headerLinks.ts

@@ -12,16 +12,16 @@ export const headerLinks = {
       name: "Engine",
       href: "/dashboard/engine",
     },
-    {
-      name: "Chainlist",
-      href: "/chainlist",
-    },
     {
       name: "Settings",
       href: "/dashboard/settings/api-keys",
     },
   ],
   right: [
+    {
+      name: "Chainlist",
+      href: "/chainlist",
+    },
     {
       name: "Docs",
       href: "https://portal.thirdweb.com",

apps/dashboard/src/components/layout/app-shell/index.tsx

@@ -117,6 +117,19 @@ const AppHeader: React.FC = () => {
             <CreditsButton />
             <UpgradeButton />
           </Flex>
+          <Button
+            as={TrackedLink}
+            variant="link"
+            href="/chainlist"
+            category="header"
+            label="chainlist"
+            color="bgBlack"
+            display={{ base: "none", md: "block" }}
+            size="sm"
+            mx={1.5}
+          >
+            Chainlist
+          </Button>
           <Button
             as={TrackedLink}
             variant="link"
@@ -224,17 +237,6 @@ const AppHeader: React.FC = () => {
           >
             Engine
           </LinkButton>
-          <LinkButton
-            href="/chainlist"
-            isActive={pathname === "/chainlist"}
-            _active={{
-              bg: "bgBlack",
-              color: "bgWhite",
-            }}
-            rounded="lg"
-          >
-            Chainlist
-          </LinkButton>
           <LinkButton
             href="/dashboard/settings/api-keys"
             isActive={pathname.startsWith("/dashboard/settings")}