docs: update dependencies and enhance code block rendering

- Remove unused tokio dependency from docs example
- Add CSS styles to hide external link icons in footer and style copyright
- Adjust code preview dimensions for better layout
- Replace static code blocks with Highlight component for syntax highlighting
- Implement proper code tokenization and line rendering

Author: zTgx

docs/docs/intro.mdx

@@ -47,7 +47,6 @@ asyncio.run(main())
 ```toml
 [dependencies]
 vectorless = "0.1"
-tokio = { version = "1", features = ["full"] }
 ```
 
 ```rust

docs/src/css/custom.css

@@ -51,3 +51,19 @@
 .footer {
   background-color: transparent !important;
 }
+
+/* Hide external-link icons in footer */
+.footer__link-item svg {
+  display: none;
+}
+
+/* Copyright styling */
+.footer__copyright {
+  text-align: center;
+  font-size: 0.82rem;
+  color: var(--text-light);
+  letter-spacing: 0.03em;
+  margin-top: 1rem;
+  padding-top: 1.5rem;
+  border-top: 1px solid var(--border);
+}

docs/src/pages/index.module.css

@@ -51,8 +51,8 @@
 
 /* -- Right column: code preview -- */
 .codePreview {
-  flex: 0 0 440px;
-  max-width: 440px;
+  flex: 1 1 520px;
+  max-width: 560px;
   border-radius: 12px;
   overflow: hidden;
   border: 1px solid var(--border);

docs/src/pages/index.tsx

@@ -4,6 +4,7 @@ import Layout from '@theme/Layout';
 import Heading from '@theme/Heading';
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
+import {Highlight, themes} from 'prism-react-renderer';
 
 import styles from './index.module.css';
 
@@ -43,8 +44,7 @@ function HomepageHeader() {
             </span>
             <span className={styles.codeLang}>Python</span>
           </div>
-          <pre className={styles.codeBlock}>
-            <code>{`import asyncio
+          <Highlight theme={themes.dracula} code={`import asyncio
 from vectorless import Engine, IndexContext
 
 async def main():
@@ -66,8 +66,21 @@ async def main():
     )
     print(result.single().content)
 
-asyncio.run(main())`}</code>
-          </pre>
+asyncio.run(main())`} language="python">
+            {({tokens, getLineProps, getTokenProps}) => (
+              <pre className={styles.codeBlock}>
+                <code>
+                  {tokens.map((line, i) => (
+                    <div key={i} {...getLineProps({line})}>
+                      {line.map((token, key) => (
+                        <span key={key} {...getTokenProps({token})} />
+                      ))}
+                    </div>
+                  ))}
+                </code>
+              </pre>
+            )}
+          </Highlight>
         </div>
       </div>
     </header>