Add more screenshots to the docs (#350)

docs/docs/5_screenshots.mdx

@@ -21,12 +21,36 @@ Get a visual overview of Cleanuparr's interface and features.
       title: 'Dashboard Overview',
       description: 'The main dashboard provides a quick overview of all your configured jobs, their status, and recent activity.'
     },
+    {
+      src: useBaseUrl('/img/screenshots/dashboard2.png'),
+      alt: 'Cleanuparr Dashboard Alternative View',
+      title: 'Dashboard - Manual intervention needed',
+      description: 'The dashboard highlights messages that require manual intervention, such as settings that need to be configured or items that need manual searching.'
+    },
     {
       src: useBaseUrl('/img/screenshots/download_clients.png'),
       alt: 'Download Clients Configuration',
       title: 'Download Clients',
       description: 'Configure and manage connections to your download clients.'
     },
+    {
+      src: useBaseUrl('/img/screenshots/notifications.png'),
+      alt: 'Notification Configuration',
+      title: 'Notifications',
+      description: 'Set up notification providers like Apprise, Notifiarr, and Ntfy to stay informed about actions taken by Cleanuparr.'
+    },
+    {
+      src: useBaseUrl('/img/screenshots/slow_rules.png'),
+      alt: 'Queue Cleaner - Slow Rules',
+      title: 'Slow Speed Rules',
+      description: 'Configure rules to handle downloads that are progressing too slowly. Set speed thresholds, intervals, and strike limits.'
+    },
+    {
+      src: useBaseUrl('/img/screenshots/stall_rules.png'),
+      alt: 'Queue Cleaner - Stall Rules',
+      title: 'Stall Detection Rules',
+      description: 'Define rules to detect and handle stalled downloads. Configure time intervals and conditions for striking or removing stalled items.'
+    },
     {
       src: useBaseUrl('/img/screenshots/events.png'),
       alt: 'Events and Activity Log',

docs/src/components/documentation/documentation.module.css

@@ -940,8 +940,8 @@
 /* Screenshot Gallery */
 .screenshotGallery {
   display: grid;
-  grid-template-columns: 1fr;
-  gap: 2.5rem;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1.5rem;
   margin: var(--doc-spacing-lg) 0;
 }
 
@@ -995,6 +995,7 @@
 /* Responsive adjustments */
 @media (max-width: 768px) {
   .screenshotGallery {
+    grid-template-columns: 1fr;
     gap: 1.5rem;
   }