Show how the application interface looks and the functions it provides

Add SVG screenshots and a guide to the DynamoDNS documentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9111ef36-26c8-4085-84ca-a35dc1fec1b5
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7083d608-d6d3-4a6a-9a27-6286c5109627/83b3772f-6ea7-4e3a-8be8-a4837bd055d9.jpg

docs/screenshots/screenshot-guide.md

@@ -0,0 +1,44 @@
+# DynamoDNS Application Screenshots
+
+This document provides a visual guide to the DynamoDNS application interface, showing key screens and features.
+
+## Screenshots Collection
+
+### 1. Authentication Page
+![Authentication Page](auth-page.png)
+
+The authentication page allows users to log in with their credentials. This page features:
+- Username and password fields
+- Login button
+- Clean, professional design with the DynamoDNS branding
+
+### 2. Dashboard Overview
+![Dashboard Overview](dashboard.png)
+
+The main dashboard provides a comprehensive overview of the DNS infrastructure:
+- Summary statistics (total domains, DNS records, recent updates)
+- Activity graph showing DNS update frequency
+- Recent activity log
+- Quick access to key functions
+
+### 3. DNS Records Management
+![DNS Records](dns-records.png)
+
+The DNS Records page allows users to view and manage DNS records:
+- Filterable and sortable table of records
+- Record details including type, content, TTL
+- Quick actions for editing and toggling records
+- Status indicators for active records
+
+### 4. Domains Management
+![Domains Management](domains.png)
+
+The Domains page provides domain management functionality:
+- List of all domains under management
+- Domain status and provider information
+- Quick access to domain DNS records
+- Domain addition and configuration options
+
+---
+
+These screenshots represent the core functionality of the DynamoDNS application, showcasing its intuitive interface and comprehensive feature set.