feat: new wallet learning overview

Author: ElasticBottle

apps/portal/src/app/connect/sidebar.tsx

@@ -15,6 +15,7 @@ import { CodeIcon, ExternalLink, ZapIcon } from "lucide-react";
 import { UnrealEngineIcon } from "../../icons/sdks/UnrealEngineIcon";
 
 const connectSlug = "/connect/sign-in";
+const walletSlug = "/connect/wallet";
 const inAppSlug = "/connect/in-app-wallet";
 const aAslug = "/connect/account-abstraction";
 const ecosystemSlug = "/connect/ecosystems";
@@ -90,7 +91,140 @@ export const sidebar: SideBar = {
       name: "Learn",
       isCollapsible: false,
       links: [
-        // Connect
+        // Connect\
+        {
+          name: "Wallets",
+          icon: <WalletsInAppIcon />,
+          links: [
+            {
+              name: "Overview",
+              href: `${walletSlug}/overview`,
+            },
+            {
+              name: "Security",
+              href: `${ecosystemSlug}/security`,
+            },
+            {
+              name: "Get Started",
+              href: `${ecosystemSlug}/get-started`,
+            },
+            {
+              name: "Sign-In Methods",
+              links: [
+                {
+                  name: "Guest Mode",
+                  href: `${connectSlug}/methods/guest-mode`,
+                },
+                {
+                  name: "Social Login",
+                  href: `${connectSlug}/methods/social-logins`,
+                },
+                {
+                  name: "Email & Phone",
+                  href: `${connectSlug}/methods/email-and-phone`,
+                },
+                {
+                  name: "External Wallets",
+                  href: `${connectSlug}/methods/external-wallets`,
+                },
+                {
+                  name: "Custom Authentication",
+                  links: [
+                    {
+                      name: "Overview",
+                      href: `${inAppSlug}/custom-auth/overview`,
+                    },
+                    {
+                      name: "Configuration",
+                      href: `${inAppSlug}/custom-auth/configuration`,
+                    },
+                    {
+                      name: "Integration guides",
+                      links: [
+                        {
+                          name: "Custom auth server (OIDC Auth)",
+                          href: `${inAppSlug}/custom-auth/custom-jwt-auth-server`,
+                        },
+                        {
+                          name: "Custom auth server (Generic Auth)",
+                          href: `${inAppSlug}/custom-auth/custom-auth-server`,
+                        },
+                        {
+                          name: "Firebase Auth",
+                          href: `${inAppSlug}/custom-auth/firebase-auth`,
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              name: "Pregenerate Wallets",
+              href: `${ecosystemSlug}/pregenerate-wallets`,
+            },
+            {
+              name: "User Management",
+              links: [
+                {
+                  name: "Export Private Keys",
+                  href: `${inAppSlug}/guides/export-private-key`,
+                },
+                {
+                  name: "Getting User Details",
+                  href: `${connectSlug}/ConnectButton`,
+                },
+                // TODO:
+                // {
+                //   name: "Deleting User Details",
+                //   href: `${connectSlug}/ConnectButton`,
+                // },
+                {
+                  name: "Link Multiple Identity",
+                  href: `${inAppSlug}/guides/link-multiple-profiles`,
+                },
+              ],
+            },
+            {
+              name: "Customization",
+              links: [
+                {
+                  name: "Prebuilt UI",
+                  href: `${connectSlug}/customization`,
+                },
+                {
+                  name: "Emails and SMS",
+                  href: `${connectSlug}/customization#compact-modal`,
+                },
+              ],
+            },
+            {
+              name: "Ecosystem",
+              links: [
+                {
+                  name: "Ecosystem Wallet Explorer Page",
+                  href: `${ecosystemSlug}/wallet-explorer`,
+                },
+                {
+                  name: "Managing Ecosystem Permissions",
+                  href: `${ecosystemSlug}/ecosystem-permissions`,
+                },
+                {
+                  name: "Integrating with Partners",
+                  href: `${ecosystemSlug}/integrating-partners`,
+                },
+              ],
+            },
+            {
+              name: "Playground",
+              href: "https://playground.thirdweb.com/connect/sign-in/button",
+            },
+            {
+              name: "FAQs",
+              href: `${inAppSlug}/faqs`,
+            },
+          ],
+        },
         {
           name: "Sign-In",
           icon: <WalletsConnectIcon />,