Refactor logo image handling across components

- Introduced utility functions to determine the base directory and image URL for logos based on their collection.
- Updated `Actions.svelte`, `CardFull.svelte`, `CardMiddle.svelte`, `CardSmall.svelte`, and `CardTiny.svelte` to use the new utility functions for generating image paths.
- Ensured that the correct image format (SVG, PNG, JPG) is used based on the logo's properties and active color sets.

public/images/logos/dockge.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100%" height="100%" viewBox="0 0 640 640">
+    <g transform="translate(320 325.566)scale(.95449)">
+        <linearGradient id="a" x1="259.78" x2="463.85" y1="261.15" y2="456.49"
+            gradientTransform="translate(-236.647 -213.944)" gradientUnits="userSpaceOnUse">
+            <stop offset="0%" style="stop-color:#74c2ff;stop-opacity:1" />
+            <stop offset="100%" style="stop-color:#86e6a9;stop-opacity:1" />
+        </linearGradient>
+        <path stroke-linecap="round"
+            d="M131.867-139.049c27.143 27.84 38.257 39.595 71.252 87.328s61.322 135.705-15.78 195.772c-9.612 7.489-20.6 14.76-32.68 21.607-84.804 48.066-223.332 75.128-316.452 8.625-106.383-75.974-98.31-242.949 17.442-344.789s249.074 3.618 276.218 31.457z"
+            style="stroke:#f2f2f2;stroke-opacity:.51;stroke-width:190;stroke-dasharray:none;stroke-linecap:butt;stroke-dashoffset:0;stroke-linejoin:miter;stroke-miterlimit:4;fill:url(#a);fill-rule:nonzero;opacity:1" />
+    </g>
+</svg>