Update bottomNavigationBar to import icons.

Author: judah-sotomayor

src/lib/components/BottomNavigationBar.svelte

@@ -8,6 +8,12 @@
     import { language, languageDefault, refs, s, theme } from '$lib/data/stores';
     import { gotoRoute } from '$lib/navigate';
 
+    const menuIcons = import.meta.glob('$assets/icons/menu-items/*', { eager: true });
+    // TODO Updated Vite to allow using the base option in glob imports.
+    // This will allow us to use the final file name as a key in menuIcons, rather than the whole path,
+    // allowing us to eliminate this variable.
+    const menuIconBasePath = '/src/generatedAssets/icons/menu-items';
+
     let { barType = undefined } = $props();
 
     const bottomNavBarItems = config?.bottomNavBarItems;
@@ -128,7 +134,8 @@
                             <picture class:invert={$theme === 'Dark'}>
                                 <!-- Image Icon -->
                                 <img
-                                    src="{base}/icons/menu-items/{item.images[0].file}"
+                                    src={menuIcons[`${menuIconBasePath}/${item.images[0].file}`]
+                                        .default}
                                     alt=""
                                     class={selectedLink(item.type, item.link['default'])
                                         ? 'opacity-100'