chore: fix issue with icons

Author: AlemTuzlak

packages/devtools/src/components/tabs.tsx

@@ -37,7 +37,7 @@ export const Tabs = (props: TabsProps) => {
               if (tab.id === 'plugins') hoverUtils.leave()
             }}
           >
-            {tab.icon}
+            {tab.icon()}
           </button>
         )}
       </For>

packages/devtools/src/tabs/index.tsx

@@ -8,19 +8,19 @@ export const tabs = [
     name: 'Plugins',
     id: 'plugins',
     component: () => <PluginsTab />,
-    icon: <List />,
+    icon: () => <List />,
   },
   {
     name: 'SEO',
     id: 'seo',
     component: () => <SeoTab />,
-    icon: <PageSearch />,
+    icon: () => <PageSearch />,
   },
   {
     name: 'Settings',
     id: 'settings',
     component: () => <SettingsTab />,
-    icon: <Cogs />,
+    icon: () => <Cogs />,
   },
 ] as const