refactor: Update SiteController to final and create separate screenshots documentation.

Author: terabytesoftw

README.md

@@ -114,7 +114,7 @@ namespace app\usecase\site;
 
 use yii\web\Controller;
 
-class SiteController extends Controller
+final class SiteController extends Controller
 {
     public function actionIndex(): string
     {
@@ -150,13 +150,7 @@ For detailed configuration options and advanced usage:
 - 📚 [Installation Guide](docs/installation.md)
 - ⚙️ [Configuration Reference](docs/configuration.md) 
 - 🧪 [Testing Guide](docs/testing.md)
-
-## Screenshots
-
-The web application includes these ready-to-use pages:
-
-- **[404 Error Page](docs/images/404.png)** - Custom error handling
-- **[404 Error Page Dark](docs/images/404-dark.png)** - Custom error handling
+- 📸 [Screenshots](docs/screenshots.md)
 
 ## Our social networks
 

docs/screenshots.md

@@ -0,0 +1,17 @@
+# Screenshots
+
+## Home page
+
+<picture>
+    <source media="(prefers-color-scheme: dark)" srcset="images/home-dark.png">
+    <source media="(prefers-color-scheme: light)" srcset="images/home.png">
+    <img src="images/home.png" alt="Home page">
+</picture>
+
+## Error page
+
+<picture>
+    <source media="(prefers-color-scheme: dark)" srcset="images/404-dark.png">
+    <source media="(prefers-color-scheme: light)" srcset="images/404.png">
+    <img src="images/404.png" alt="Error page">
+</picture>