i18n support

src/components/Sidepanel/Chat/header.tsx

@@ -3,18 +3,25 @@ import { useMessage } from "~/hooks/useMessage"
 import { Link } from "react-router-dom"
 import { Tooltip } from "antd"
 import { BoxesIcon, CogIcon, RefreshCcw } from "lucide-react"
+import { useTranslation } from "react-i18next"
 export const SidepanelHeader = () => {
   const { clearChat, isEmbedding } = useMessage()
+  const { t } = useTranslation(["sidepanel", "common"])
+
   return (
     <div className="flex px-3 justify-between bg-white dark:bg-[#171717] border-b border-gray-300 dark:border-gray-700 py-4 items-center">
       <div className="focus:outline-none focus-visible:ring-2 focus-visible:ring-pink-700 flex items-center dark:text-white">
-        <img className="h-6 w-auto" src={logoImage} alt="Page Assist" />
-        <span className="ml-1 text-sm ">Page Assist</span>
+        <img
+          className="h-6 w-auto"
+          src={logoImage}
+          alt={t("common:pageAssist")}
+        />
+        <span className="ml-1 text-sm ">{t("common:pageAssist")}</span>
       </div>
 
       <div className="flex items-center space-x-3">
         {isEmbedding ? (
-          <Tooltip title="It may take a few minutes to embed the page. Please wait...">
+          <Tooltip title={t("tooltip.embed")}>
             <BoxesIcon className="h-5 w-5 text-gray-500 dark:text-gray-400 animate-bounce animate-infinite" />
           </Tooltip>
         ) : null}