Move (some) images to being processed by Vite

According to their docs, this is generally better

Author: ISSOtm

webui/website/src/content/docs/quickstart.md

@@ -4,6 +4,10 @@ draft: false
 title: 'Quickstart'
 ---
 
+<script>
+import screenshot from "$lib/assets/landing_screenshot.png";
+</script>
+
 The simplest way to use Hister requires no configuration at all.
 
 ## Running the Server
@@ -43,7 +47,7 @@ In particular, they will never make requests to any site you are visiting (they
 Type <http://localhost:4433> (or, equivalently, `http://127.0.0.1:4433`) into your browser's address bar, and you will access Hister's interface.
 There, you can perform searches, add indexing rules... feel free to look around!
 
-![Screenshot of Hister's landing page](/landing_screenshot.png)
+<img src={screenshot} alt="Screenshot of Hister's landing page" />
 
 As you visit more pages in your browser (with the extension enabled), the number of indexed pages should increase!
 (Just refresh the page to update it.)

webui/website/src/lib/Previews.svelte

@@ -1,5 +1,9 @@
 <script lang="ts">
   import { BrowserFrame } from '@hister/components';
+  
+  import landing_scrnshot from "$lib/assets/landing_screenshot.png";
+  import scrnshot from "$lib/assets/screenshot.png";
+  import demo from "$lib/assets/demo.gif";
 </script>
 
 <section class="bg-brutal-bg flex w-full flex-col items-center gap-12 px-6 py-12 md:px-12 md:py-16">
@@ -15,15 +19,15 @@
     </figcaption>
     <BrowserFrame>
       <img
-        src="/landing_screenshot.png"
+        src={landing_scrnshot}
         alt="Hister Web UI Landing Page"
         class="block h-auto w-full"
       />
     </BrowserFrame>
   </figure>
   <figure class="m-0 flex w-full max-w-[1100px] flex-col items-center gap-6">
     <BrowserFrame>
-      <img src="/screenshot.png" alt="Hister Web UI" class="block h-auto w-full" />
+      <img src={scrnshot} alt="Hister Web UI" class="block h-auto w-full" />
     </BrowserFrame>
   </figure>
 
@@ -42,7 +46,7 @@
       tabBarClass="bg-[#161B22] border-b-2 border-[#30363D]"
       tabBarHeight="h-9"
     >
-      <img src="/demo.gif" alt="Hister Terminal UI" class="block h-auto w-full" />
+      <img src={demo} alt="Hister Terminal UI" class="block h-auto w-full" />
     </BrowserFrame>
   </figure>
 </section>