Update language files and fix UI issues

src/entries/sidepanel/App.tsx

@@ -4,13 +4,15 @@ import { SidepanelRouting } from "~/routes"
 import { ToastContainer } from "react-toastify"
 import "react-toastify/dist/ReactToastify.css"
 const queryClient = new QueryClient()
-import { ConfigProvider, theme } from "antd"
+import { ConfigProvider, Empty, theme } from "antd"
 import { StyleProvider } from "@ant-design/cssinjs"
 import { useDarkMode } from "~/hooks/useDarkmode"
 import "~/i18n"
+import { useTranslation } from "react-i18next"
 
 function IndexSidepanel() {
   const { mode } = useDarkMode()
+  const { t } = useTranslation()
 
   return (
     <MemoryRouter>
@@ -18,7 +20,16 @@ function IndexSidepanel() {
         theme={{
           algorithm:
             mode === "dark" ? theme.darkAlgorithm : theme.defaultAlgorithm
-        }}>
+        }}
+        renderEmpty={() => (
+          <Empty
+            imageStyle={{
+              height: 60
+            }}
+            description={t("common:noData")}
+          />
+        )}
+        >
         <StyleProvider hashPriority="high">
           <QueryClientProvider client={queryClient}>
             <SidepanelRouting />