docs: enhance documentation with examples and fix package names

- Fix incorrect package names (@ccw/cli, @anthropic/claude-code-workflow) to claude-code-workflow
- Add workflow examples page with 8 practical artifact samples
- Optimize sidebar navigation with emoji icons and second-level grouping
- Add usage examples to commands and skills documentation
- Update qa/issues.md with current status
- Sync Chinese documentation changes

docs/.vitepress/config.ts

@@ -207,6 +207,7 @@ export default defineConfig({
           items: [
             { text: 'Overview', link: '/workflows/' },
             { text: '4-Level System', link: '/workflows/4-level' },
+            { text: 'Examples', link: '/workflows/examples' },
             { text: 'Best Practices', link: '/workflows/best-practices' },
             { text: 'Teams', link: '/workflows/teams' }
           ]

docs/.vitepress/theme/index.ts

@@ -5,6 +5,7 @@ import DarkModeToggle from './components/DarkModeToggle.vue'
 import CopyCodeButton from './components/CopyCodeButton.vue'
 import Breadcrumb from './components/Breadcrumb.vue'
 import PageToc from './components/PageToc.vue'
+import ProfessionalHome from './components/ProfessionalHome.vue'
 import Layout from './layouts/Layout.vue'
 import './styles/variables.css'
 import './styles/custom.css'
@@ -21,5 +22,6 @@ export default {
     app.component('CopyCodeButton', CopyCodeButton)
     app.component('Breadcrumb', Breadcrumb)
     app.component('PageToc', PageToc)
+    app.component('ProfessionalHome', ProfessionalHome)
   }
 }