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/1password.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="70.31 70.31 579.38 579.38">
+    <path fill="#000"
+        d="M360 70.313C199.997 70.313 70.313 199.997 70.313 360S199.997 649.688 360 649.688 649.688 520.003 649.688 360 520.003 70.313 360 70.313m0 19.312c149.337 0 270.375 121.038 270.375 270.375S509.337 630.375 360 630.375 89.625 509.337 89.625 360 210.663 89.625 360 89.625"
+        opacity=".502" />
+    <path fill="#fff"
+        d="M360 89.625c149.337 0 270.375 121.038 270.375 270.375S509.337 630.375 360 630.375 89.625 509.337 89.625 360 210.663 89.625 360 89.625" />
+    <path fill="#0A2D4D"
+        d="M321.375 253.81c0-5.349 4.153-9.685 9.472-9.685h58.306c5.231 0 9.472 4.241 9.472 9.58v108.302c0 5.291-3.189 12.451-7.191 16.053l-4.93 4.437c-3.972 3.574-4.174 9.489-.437 13.226l5.803 5.804c3.731 3.73 6.755 11.189 6.755 16.439v48.224c0 5.349-4.153 9.685-9.472 9.685h-58.306c-5.231 0-9.472-4.177-9.472-9.642V359.986c0-5.325 3.018-12.66 6.755-16.397l5.803-5.803a9.547 9.547 0 0 0 0-13.509l-5.803-5.804c-3.731-3.73-6.755-11.189-6.755-16.439z" />
+    <path fill="#198CFF"
+        d="M360 147.562c117.336 0 212.438 95.102 212.438 212.438S477.336 572.438 360 572.438 147.562 477.336 147.562 360 242.664 147.562 360 147.562m0 57.938c-85.336 0-154.5 69.164-154.5 154.5S274.664 514.5 360 514.5 514.5 445.336 514.5 360 445.336 205.5 360 205.5" />
+</svg>