Add kportal screenshot to documentation

- Add screenshot to README.md
- Add screenshot to GitHub Pages site with styling
- Include screenshot image in docs/ directory

README.md

@@ -8,7 +8,7 @@
 
 kportal simplifies managing multiple Kubernetes port-forwards with an elegant, interactive terminal interface. Built with [Bubble Tea](https://github.com/charmbracelet/bubbletea), it provides real-time status updates, automatic reconnection, and hot-reload configuration support.
 
-![kportal Demo](docs/images/demo.png)
+![kportal Screenshot](docs/kportal-screenshot.png)
 
 ## ✨ Features
 

docs/index.html

@@ -79,6 +79,10 @@
                     <img src="https://img.shields.io/github/license/lukaszraczylo/kportal" alt="License"/>
                     <img src="https://goreportcard.com/badge/github.com/lukaszraczylo/kportal" alt="Go Report"/>
                 </div>
+                <!-- Screenshot -->
+                <div class="mt-16 max-w-4xl mx-auto">
+                    <img src="kportal-screenshot.png" alt="kportal terminal interface" class="rounded-lg shadow-2xl border border-gray-200 dark:border-gray-700"/>
+                </div>
             </div>
         </div>
     </section>