chore: tool selelct use the same tools data

web/app/components/workflow/block-selector/tabs.tsx

@@ -1,6 +1,6 @@
 import type { FC } from 'react'
 import { memo } from 'react'
-import { useStore } from '../store'
+import { useAllBuiltInTools, useAllCustomTools, useAllWorkflowTools } from '@/service/use-tools'
 import type { BlockEnum } from '../types'
 import { useTabs } from './hooks'
 import type { ToolDefaultValue } from './types'
@@ -28,9 +28,9 @@ const Tabs: FC<TabsProps> = ({
   noBlocks,
 }) => {
   const tabs = useTabs()
-  const buildInTools = useStore(s => s.buildInTools)
+  const { data: buildInTools } = useAllBuiltInTools()
-  const customTools = useStore(s => s.customTools)
+  const { data: customTools } = useAllCustomTools()
-  const workflowTools = useStore(s => s.workflowTools)
+  const { data: workflowTools } = useAllWorkflowTools()
 
   return (
     <div onClick={e => e.stopPropagation()}>