Clean up image folder structure

front/src/App.svelte

@@ -6,7 +6,7 @@
 
     import Cart from './lib/cart';
     import routes from './routes';
-    import Logo from '/LogoAlt.svg';
+    import Logo from '/assets/LogoAlt.svg';
 
     const links = {
         home: {path: '/', className: 'active'},

front/src/components/BasketItem.svelte

@@ -26,7 +26,7 @@
     {#if item.data.images}
         <img src="{item.data.images[0]}" alt="Item" class="basket-item-image">
     {:else}
-        <img src="/MenuItemLoading.svg" alt="Item" class="basket-item-image">
+        <img src="/assets/MenuItemLoading.svg" alt="Item" class="basket-item-image">
     {/if}
 
     <ul class="basket-item-data">

front/src/components/MenuItem.svelte

@@ -3,7 +3,7 @@
     import { Acorn, Fish, Leaf, Pepper, ArrowUpRight, GrainsSlash } from 'phosphor-svelte';
 
     import { type Item, Labels} from "../lib/types";
-    import LoadingImage from '/MenuItemLoadingAlt.svg';
+    import LoadingImage from '/assets/MenuItemLoadingAlt.svg';
     import {onMount} from "svelte";
 
     export let item: Item;

front/src/lib/test-api.ts

@@ -14,7 +14,7 @@ export async function getAnnouncements(): Promise<{ image: string }> {
     await fakeDelay(200);
 
     const data = {
-        image: "/BannerExampleImage.jpg",
+        image: "/banner_images/BannerExampleImage.jpg",
     };
     cache["announcement_banner"] = data;
 

front/src/lib/test-data.ts

@@ -49,14 +49,14 @@ const TestData: Item[] = [
         name: "GwaGwa",
         price: 69,
         labels: [Labels.nut],
-        images: ["/dab.jpg"],
+        images: ["/item_images/dab.jpg"],
     },
     {
         uuid: "hogmelon",
         name: "Hogermellon",
         price: 1111,
         labels: [Labels.fish],
-        images: ["/wathog.jpg"],
+        images: ["/item_images/wathog.jpg"],
         description: "Example",
     },
     {
@@ -64,7 +64,7 @@ const TestData: Item[] = [
         name: "Blue HOGGGGG",
         price: 0,
         labels: [Labels.nut, Labels.gluten, Labels.spicy],
-        images: ["/sonichog.jpg"],
+        images: ["/item_images/sonichog.jpg"],
         description: "Example",
     },
 ];

front/src/pages/PageItem.svelte

@@ -58,7 +58,7 @@
                 {#if item.images}
                     <img src="{item.images[0]}" alt="Item">
                 {:else}
-                    <img src="/MenuItemLoading.svg" alt="Item">
+                    <img src="/assets/MenuItemLoading.svg" alt="Item">
                 {/if}
             </div>
             <ul>

front/src/styles/_reset.scss

@@ -22,7 +22,7 @@ body,
 body {
     background-color: darken($color-background, 10%);
     //background-color: $color-background;
-    background-image: url("/Noise.png");
+    background-image: url("/assets/Noise.png");
     color: $color-on-background;
 }