Fix cross-version image links in archive-v20.1

- Copy DBeaver and IntelliJ images from v2.1 to v20.1 directory
- Update image links in dbeaver.md and intellij-idea.md to use v20.1 images
- Update sidebar_htmltest.rb to respect htmltest config and skip archived versions

Addresses cross-version linking issues similar to those fixed in PR #21195

Author: ebembi-crdb

src/current/_plugins/sidebar_htmltest.rb

@@ -1,16 +1,36 @@
 require 'json'
 require 'liquid'
+require 'yaml'
 
 module SidebarHTMLTest
   class Generator < Jekyll::Generator
     def generate(site)
       @site = site
 
+      # Read htmltest configuration to get ignored directories
+      htmltest_config = YAML.load_file('.htmltest.yml') rescue {}
+      ignored_dirs = htmltest_config['IgnoreDirs'] || []
+
+      # Extract version numbers from ignored directories
+      ignored_versions = ignored_dirs.map do |dir|
+        match = dir.match(/\^?docs\/?(v\d+\.\d+)/)
+        match[1] if match
+      end.compact
+
       Dir[File.join(site.config['includes_dir'], 'sidebar-data-v*.json')].each do |f|
         next unless !!site.config['cockroachcloud'] == f.include?('cockroachcloud')
+
+        # Extract version from filename
+        version = f.match(/sidebar-data-(v\d+\.\d+)/)[1]
+
+        # Skip if this version is in the ignored list
+        if ignored_versions.include?(version)
+          Jekyll.logger.info "SidebarHTMLTest:", "Skipping ignored version #{version}"
+          next
+        end
+
         partial = site.liquid_renderer.file(f).parse(File.read(f))
         json = partial.render!(site.site_payload, {registers: {site: site}})
-        version = f.match(/sidebar-data-(v\d+\.\d+)/)[1]
         render_sidebar(json, version)
       end
     end

src/current/images/v20.1/intellij/01_database_tool_window.png

@@ -29,17 +29,17 @@ To work through this tutorial, take the following steps:
 
 Start DBeaver, and select **Database > New Connection** from the menu.  In the dialog that appears, select **CockroachDB** from the list.
 
-<img src="{{ 'images/v2.1/dbeaver-01-select-cockroachdb.png' | relative_url }}" alt="DBeaver - Select CockroachDB" style="border:1px solid #eee;max-width:100%" />
+<img src="{{ 'images/v20.1/dbeaver-01-select-cockroachdb.png' | relative_url }}" alt="DBeaver - Select CockroachDB" style="border:1px solid #eee;max-width:100%" />
 
 ## Step 2. Update the connection settings
 
 On the **Create new connection** dialog that appears, click **Network settings**.  
 
-<img src="{{ 'images/v2.1/dbeaver-02-cockroachdb-connection-settings.png' | relative_url }}" alt="DBeaver - CockroachDB connection settings" style="border:1px solid #eee;max-width:100%" />
+<img src="{{ 'images/v20.1/dbeaver-02-cockroachdb-connection-settings.png' | relative_url }}" alt="DBeaver - CockroachDB connection settings" style="border:1px solid #eee;max-width:100%" />
 
 From the network settings, click the **SSL** tab.  It will look like the screenshot below.
 
-<img src="{{ 'images/v2.1/dbeaver-03-ssl-tab.png' | relative_url }}" alt="DBeaver - SSL tab" style="border:1px solid #eee;max-width:100%" />
+<img src="{{ 'images/v20.1/dbeaver-03-ssl-tab.png' | relative_url }}" alt="DBeaver - SSL tab" style="border:1px solid #eee;max-width:100%" />
 
 Check the **Use SSL** checkbox as shown, and fill in the text areas as follows:
 
@@ -57,13 +57,13 @@ Select **require** from the **SSL mode** dropdown.  There is no need to set the
 
 Click **Test Connection ...**.  If everything worked, you will see a **Success** dialog like the one shown below.
 
-<img src="{{ 'images/v2.1/dbeaver-04-connection-success-dialog.png' | relative_url }}" alt="DBeaver - connection success dialog" style="border:1px solid #eee;max-width:100%" />
+<img src="{{ 'images/v20.1/dbeaver-04-connection-success-dialog.png' | relative_url }}" alt="DBeaver - connection success dialog" style="border:1px solid #eee;max-width:100%" />
 
 ## Step 4. Start using DBeaver
 
 Click **Finish** to get started using DBeaver with CockroachDB.
 
-<img src="{{ 'images/v2.1/dbeaver-05-movr.png' | relative_url }}" alt="DBeaver - CockroachDB with the movr database" style="max-width:100%" />
+<img src="{{ 'images/v20.1/dbeaver-05-movr.png' | relative_url }}" alt="DBeaver - CockroachDB with the movr database" style="max-width:100%" />
 
 For more information about using DBeaver, see the [DBeaver documentation](https://dbeaver.io/docs/).