Refactor SVG processing scripts and add new functionality

- Updated `svg-cleanup.js` to improve SVG file processing and validation.
- Refactored `update-data.js` to streamline the data update process and integrate new scripts for generating image variants and syncing data files.
- Introduced `generate-variants.js` to handle the conversion of SVG files to PNG and JPG formats.
- Created `sync-data.js` to synchronize logo data with the filesystem, ensuring accurate representation of available images.
- Enhanced error handling and logging throughout the scripts for better debugging and user feedback.
- Added support for processing all collections or a specific collection based on command-line arguments or environment variables.

public/images/flags/ag-1962–1967.svg

@@ -1,9 +1,9 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 1200 600">
-    <clipPath id="a">
+    <clipPath id="ag-a">
         <path d="M0 0h60v30H0z" />
     </clipPath>
     <path fill="#012169" d="M0 0h1200v600H0z" />
-    <g clip-path="url(#a)" transform="scale(10)">
+    <g clip-path="url(#ag-a)" transform="scale(10)">
         <path stroke="#fff" stroke-width="6" d="m0 0 60 30M0 30 60 0" />
         <path stroke="#c8102e" stroke-width="4" d="m0 0 60 30M0 30 60 0" />
         <path fill="#fff" d="M0 0h5l30 15L65 0h-5L30 15M-5 30l30-15 30 15h5L30 15 0 30" />