📸 Replace ASCII diagrams with screenshots in documentation

Add new screenshots documenting Studio's features and modes:
- Chat modal and villain mode interactions
- Help modal overlay
- All six Studio modes
- Studio overview visual

Replace ASCII art representations with actual images throughout the
Studio documentation for a more visual, accurate reference.

Switch site logo from SVG to PNG format and add proper favicons
including standard sizes and Apple touch icon. Fix markdown table
formatting issues in CLI reference.

Author: hyperb1iss

docs/.vitepress/config.ts

@@ -6,15 +6,21 @@ export default defineConfig({
   base: '/git-iris/',
 
   head: [
-    ['link', { rel: 'icon', type: 'image/svg+xml', href: '/logo.svg' }],
+    ['link', { rel: 'icon', type: 'image/x-icon', href: '/git-iris/favicon.ico' }],
+    ['link', { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/git-iris/favicon-32.png' }],
+    ['link', { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/git-iris/favicon-16.png' }],
+    ['link', { rel: 'apple-touch-icon', sizes: '180x180', href: '/git-iris/apple-touch-icon.png' }],
     ['meta', { name: 'theme-color', content: '#e135ff' }],
     ['meta', { property: 'og:type', content: 'website' }],
     ['meta', { property: 'og:title', content: 'Git-Iris Documentation' }],
     ['meta', { property: 'og:description', content: 'AI-powered Git workflows, beautifully crafted' }],
   ],
 
   themeConfig: {
-    logo: '/logo.svg',
+    logo: {
+      src: '/logo.png',
+      alt: 'Git-Iris'
+    },
 
     nav: [
       { text: 'Guide', link: '/getting-started/' },

docs/assets/screenshots/mode-commit.png

@@ -6,7 +6,7 @@ hero:
   text: AI-Powered Git Workflows
   tagline: Intelligent commit messages, code reviews, and release documentation — beautifully crafted
   image:
-    src: /logo.svg
+    src: /logo.png
     alt: Git-Iris
   actions:
     - theme: brand