Mobile Login Channel is close when user [sc-18453] (#401)

Author: dmytroidentitylabs

README.md

@@ -103,15 +103,12 @@ and manage wallet switching.
 
 IdentityKit comes with its own playground where you can try things out locally.
 
-There are three applications included:
+There are two applications included:
 
-1. `dApp` (react-dapp) - Built for signer developers, this app provides a web-based interface to
-   visually explore the API documentation for IdentityKit standards. It runs on port 3001. Check it
-   out at https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/standards
-2. `Demo` (react-demo) - This app is for application developers. It's a simple frontend app with
+1. `Demo` (react-demo) - This app is for application developers. It's a simple frontend app with
    IdentityKit integrated. It runs on port 3002 and lets you sign in with IdentityKit and make
    canister calls. Check it out at https://qzjsg-qiaaa-aaaam-acupa-cai.icp0.io/demo
-3. `Signer` (react-signer) - This is a sample signer app that demonstrates the basics of signer
+2. `Signer` (react-signer) - This is a sample signer app that demonstrates the basics of signer
    functionality. It helps to understand what’s happening on the signer side. It runs on port 3003.
 
 To get the playground up and running, use the following command:

docs/components/ThemedImage.tsx

@@ -0,0 +1,24 @@
+import Image from "next/image"
+import { useTheme } from "nextra-theme-docs"
+
+interface Props {
+  lightSrc: string
+  darkSrc: string
+  alt: string
+  className?: string
+}
+
+export default function ThemedImage({ lightSrc, darkSrc, alt, className }: Props) {
+  const { resolvedTheme } = useTheme()
+
+  return (
+    <div style={{ position: "relative", width: "100%", aspectRatio: "3/2" }} className={className}>
+      <Image
+        src={resolvedTheme === "dark" ? darkSrc : lightSrc}
+        alt={alt}
+        fill
+        style={{ objectFit: "contain" }}
+      />
+    </div>
+  )
+}

docs/pages/blog/_meta.ts renamed to docs/legacy-pages/blog/_meta.ts

@@ -14,22 +14,4 @@ export default {
   miscellaneous: {
     title: "Miscellaneous",
   },
-  blog: {
-    title: "Blog",
-    type: "page",
-  },
-  legal: {
-    title: "Legal",
-    type: "menu",
-    items: {
-      privacy: {
-        title: "Privacy policy",
-        href: "/legal/privacy",
-      },
-      terms: {
-        title: "Terms of use",
-        href: "/legal/terms",
-      },
-    },
-  },
 }

docs/pages/blog/standardizing-icp-wallet-and-identity-interaction-overview.mdx renamed to docs/legacy-pages/blog/standardizing-icp-wallet-and-identity-interaction-overview.mdx

@@ -49,7 +49,7 @@ export const YourApp = () => {
 ```
 
 > Note: Make sure your app is wrapped in the necessary providers.
-> [Read more](installation#wrap-provider).
+> [Read more](/getting-started/installation#wrap-provider).
 
 ## Custom components