Update language files and fix UI issues

src/entries/options/App.tsx

@@ -3,21 +3,32 @@ import { MemoryRouter } from "react-router-dom"
 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 { OptionRouting } from "~/routes"
 import "~/i18n"
+import { useTranslation } from "react-i18next"
 
 function IndexOption() {
   const { mode } = useDarkMode()
+  const { t } = useTranslation()
   return (
     <MemoryRouter>
       <ConfigProvider
         theme={{
           algorithm:
             mode === "dark" ? theme.darkAlgorithm : theme.defaultAlgorithm
-        }}>
+        }}
+        renderEmpty={() => (
+          <Empty
+            imageStyle={{
+              height: 60
+            }}
+            description={t("common:noData")}
+          />
+        )}
+        >
         <StyleProvider hashPriority="high">
           <QueryClientProvider client={queryClient}>
             <OptionRouting />