feat: redo how images, icons, and logos are handled

src/components/buttons/BookmarkButton.astro

@@ -1,5 +1,5 @@
 ---
-import Icon from '@components/ui/icons/icon.astro';
+
 ---
 
 <button
@@ -7,7 +7,22 @@ import Icon from '@components/ui/icons/icon.astro';
   class="button-base button-bg-blue group inline-flex items-center rounded-lg p-2.5"
   data-bookmark-button="bookmark-button"
 >
-  <Icon name="bookmark" />
+  <svg
+    class="h-6 w-6 fill-none transition duration-300"
+    height=24
+    width=24
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <path
+      d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"
+      class="fill-current text-neutral-500 transition duration-300 group-hover:text-red-400 group-hover:dark:text-red-400"
+    />
+  </svg>
 </button>
 
 <script>