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/flags/ua-BilaCerkva.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 300 300" width="100%" height="100%">
+    <g>
+        <rect width="300" height="300" fill="#d40000" />
+        <path
+            d="M116,260 V115 H128 V107 H131 V69 a19 19 0 0 1 38 0 V107 H172 V115 H184 V260 H160 V218 a10 10 0 0 0 -20 0 V260 Z"
+            fill="#fff" />
+        <path d="M127,67 H173 L169,72 H131 Z" fill="#fff" />
+        <path d="M150,24 V55 M141,33.5 H159" stroke="#fff" stroke-width="3" />
+        <path d="M143,190 V143 a7 7 0 0 1 14 0 V190 Z" fill="#d40000" />
+        <path d="M143,107 V78 a7 7 0 0 1 14 0 V107 Z" fill="#d40000" />
+        <path d="M115,153 a35 35 0 0 1 70 0 " fill="none" stroke="#d40000" stroke-width="2" />
+        <g id="t">
+            <rect width="34" height="130" x="80" y="130" fill="#fff" />
+            <path d="M90,190 V162 a7 7 0 0 1 14 0 V190 Z" fill="#d40000" />
+            <path d="M79,153 a18 18 0 0 1 36 0 " fill="none" stroke="#d40000" stroke-width="2" />
+        </g>
+        <use xlink:href="#t" x="106" />
+    </g>
+</svg>