Update marketing hero screenshot and add a dark version (#3301)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

.changeset/marketing-hero-preview-images.md

@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Updated the dashboard screenshot in the marketing hero and added a dark theme version.

shared/components/marketing/hero/Browser.astro

@@ -40,9 +40,8 @@ const base = relativeBase(Astro.url.pathname)
             </div>
           </div>
         </div>
-        <picture>
-          <img src={`${base}/static/marketing/preview.png`} srcset={`${base}/static/marketing/preview.png 1x, ${base}/static/marketing/preview@2x.png 2x`} alt="" class="img-fluid" width="1040" height="760" loading="lazy" />
-        </picture>
+        <img src={`${base}/static/marketing/preview.png`} srcset={`${base}/static/marketing/preview.png 1x, ${base}/static/marketing/preview@2x.png 2x`} alt="" class="img-fluid hide-theme-dark" width="1060" height="663" loading="lazy" />
+        <img src={`${base}/static/marketing/preview-dark.png`} srcset={`${base}/static/marketing/preview-dark.png 1x, ${base}/static/marketing/preview-dark@2x.png 2x`} alt="" class="img-fluid hide-theme-light" width="1060" height="663" loading="lazy" />
       </div>
     </div>
   </div>