remove nav icons

src/components/dropdown.tsx

···
   );
 };
 
-export const NavMenu = (props: { href: string; label: string; icon: string; newTab?: boolean }) => {
+export const NavMenu = (props: {
+  href: string;
+  label: string;
+  icon?: string;
+  newTab?: boolean;
+}) => {
   const ctx = useContext(MenuContext);
 
   return (
···
       class="flex items-center gap-1.5 rounded-lg p-1 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
       target={props.newTab ? "_blank" : undefined}
     >
-      <span class={"iconify shrink-0 " + props.icon}></span>
+      <Show when={props.icon}>
+        <span class={"iconify shrink-0 " + props.icon}></span>
+      </Show>
       <span class="whitespace-nowrap">{props.label}</span>
     </A>
   );

src/layout.tsx

···
               buttonClass="rounded-lg p-1"
               menuClass="top-10 p-3"
             >
-              <NavMenu href="/jetstream" label="Jetstream" icon="lucide--radio-tower" />
-              <NavMenu href="/firehose" label="Firehose" icon="lucide--waves" />
-              <NavMenu href="/settings" label="Settings" icon="lucide--settings" />
+              <NavMenu href="/jetstream" label="Jetstream" />
+              <NavMenu href="/firehose" label="Firehose" />
+              <NavMenu href="/settings" label="Settings" />
               <ThemeSelection />
             </DropdownMenu>
           </MenuProvider>

src/views/stream.tsx

···
           inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"
           href="/jetstream"
         >
-          <span class="iconify lucide--radio-tower"></span>
           Jetstream
         </A>
         <A
···
           inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"
           href="/firehose"
         >
-          <span class="iconify lucide--waves"></span>
           Firehose
         </A>
       </div>