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

src/components/images/BrandLogo.astro

@@ -0,0 +1,18 @@
+---
+import { Image } from 'astro:assets';
+import { readSingleton } from '@directus/sdk';
+
+import logo from '@images/brand_logo.png';
+import directus from '@lib/directus';
+
+const global = await directus.request(readSingleton('site_global'));
+---
+
+<Image 
+  src={logo}
+  alt={global.name}
+  draggable="false"
+  loading="eager"
+  inferSize={true}
+  {...Astro.props}
+/>