feat: support assistant frontend (#2139)

Co-authored-by: StyleZhang <jasonapring2015@outlook.com>

web/app/(commonLayout)/tools/custom/page.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+
+const Custom = () => {
+  return (
+    <div>
+      Custom
+    </div>
+  )
+}
+export default Custom

web/app/(commonLayout)/tools/page.tsx

@@ -0,0 +1,23 @@
+'use client'
+import type { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import React, { useEffect } from 'react'
+import Tools from '@/app/components/tools'
+import { LOC } from '@/app/components/tools/types'
+
+const Layout: FC = () => {
+  const { t } = useTranslation()
+
+  useEffect(() => {
+    document.title = `${t('tools.title')} - Dify`
+  }, [])
+
+  return (
+    <div className='overflow-hidden' style={{
+      height: 'calc(100vh - 56px)',
+    }}>
+      <Tools loc={LOC.tools} />
+    </div>
+  )
+}
+export default React.memo(Layout)

web/app/(commonLayout)/tools/third-part/page.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+
+const ThirdPart = () => {
+  return (
+    <div>
+      Third part
+    </div>
+  )
+}
+export default ThirdPart