feat(docs): enhance documentation and UI consistency

- Updated the index.html to dynamically set the theme color based on user selection, improving user experience during theme switching.
- Modified proxy.ts to include 'icon.png' in the matcher for better asset handling.
- Added a new icon.png file for enhanced branding.
- Improved metadata in layout.tsx and page.tsx files for better clarity and consistency in documentation.
- Updated various documentation files to reflect the new branding of 'Cursor Byok' and ensure consistent terminology throughout.
- Removed outdated blog entries and added new content to better align with the current product direction.

apps/docs/components/hero/DesktopDemo.tsx

@@ -9,8 +9,8 @@ import styles from './DesktopDemo.module.css';
 const embedQuery = '(min-width: 680px) and (hover: hover)';
 
 const alt: Record<Language, string> = {
-  zh: 'cursor-byok 桌面端数据概览界面',
-  en: 'cursor-byok desktop overview dashboard',
+  zh: 'Cursor Byok 桌面端数据概览界面',
+  en: 'Cursor Byok desktop overview dashboard',
 };
 
 function subscribeEmbedQuery(callback: () => void) {
@@ -60,7 +60,8 @@ export function DesktopDemo({ lang }: { lang: Language }) {
     <div ref={stageRef} className={styles.stage}>
       <div className={styles.halo} aria-hidden />
       <DemoViewport
-        key={`${dark ? 'dark' : 'light'}-${lang}`}
+        // key 含挂载状态:视口变小卸载 iframe 时整体重置,poster 重新显示
+        key={`${dark ? 'dark' : 'light'}-${lang}-${embeddable && mounted ? 'live' : 'poster'}`}
         dark={dark}
         lang={lang}
         mounted={embeddable && mounted}