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/facebook-messenger.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 512 512">
+    <radialGradient id="a" cx="51.902" cy="-157.185" r=".704" gradientTransform="matrix(800 0 0 800 -41436 126260)"
+        gradientUnits="userSpaceOnUse">
+        <stop offset="0" style="stop-color:#09f" />
+        <stop offset=".6" style="stop-color:#a033ff" />
+        <stop offset=".9" style="stop-color:#ff5280" />
+        <stop offset="1" style="stop-color:#ff7061" />
+    </radialGradient>
+    <path
+        d="M256 0C111.8 0 0 105.7 0 248.3 0 322.9 30.6 387.4 80.4 432c4.2 3.7 6.7 9 6.8 14.6l1.4 45.6c.3 11.3 9.8 20.2 21.1 19.8 2.6-.1 5.2-.7 7.6-1.7l50.8-22.4c4.3-1.9 9.2-2.2 13.7-1 23.4 6.4 48.2 9.9 74.1 9.9 144.2 0 256-105.7 256-248.3S400.2 0 256 0"
+        style="fill:url(#a)" />
+    <path
+        d="m102.3 321 75.2-119.3c11.3-17.9 35-23.3 53-12 .9.6 1.8 1.2 2.6 1.8l59.8 44.9c5.5 4.1 13 4.1 18.5-.1l80.8-61.3c10.8-8.2 24.8 4.7 17.7 16.2l-75.3 119.2c-11.3 17.9-35 23.3-53 12-.9-.6-1.8-1.2-2.6-1.8l-59.8-44.9c-5.5-4.1-13-4.1-18.5.1l-80.8 61.3c-10.8 8.2-24.9-4.7-17.6-16.1"
+        style="fill:#fff" />
+</svg>