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/ibkr.svg

@@ -0,0 +1,21 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 69 69"
+	width="500" height="500"
+>
+	<defs>
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3864.9817" y1="49.0008" x2="3893.3887"
+			y2="49.0008" gradientTransform="matrix(-1 0 0 1 3894.2446 0)">
+			<stop offset="0" stop-color="#D81222" />
+			<stop offset="1" stop-color="#960B1A" />
+		</linearGradient>
+	</defs>
+
+	<g>
+		<g>
+			<polygon fill="url(#SVGID_1_)" points="29.3,64.6 0.9,64.6 0.9,33.4" />
+			<circle fill="#D81222" cx="25.3" cy="41" r="8.5" />
+			<polygon fill="#D81222" points="29.3,0.5 0.9,33.4 0.9,64.6" />
+		</g>
+	</g>
+</svg>