feat: auth page setting for claude api

feat: fix lang support

app/components/auth.tsx

@@ -20,6 +20,8 @@ export function AuthPage() {
     accessStore.update((access) => {
       access.openaiApiKey = "";
       access.accessCode = "";
+      access.googleApiKey = "";
+      access.anthropicApiKey = "";
     });
   }; // Reset access code to empty string
 
@@ -75,6 +77,17 @@ export function AuthPage() {
               );
             }}
           />
+          <input
+            className={styles["auth-input"]}
+            type="password"
+            placeholder={Locale.Settings.Access.Anthropic.ApiKey.Placeholder}
+            value={accessStore.anthropicApiKey}
+            onChange={(e) => {
+              accessStore.update(
+                (access) => (access.anthropicApiKey = e.currentTarget.value),
+              );
+            }}
+          />
         </>
       ) : null}
 

app/locales/cn.ts

@@ -317,7 +317,7 @@ const cn = {
         ApiKey: {
           Title: "接口密钥",
           SubTitle: "使用自定义 Anthropic Key 绕过密码访问限制",
-          Placeholder: "Anthropic API Key",
+          Placeholder: "输入您的 Anthropic API 密钥",
         },
 
         Endpoint: {

app/locales/en.ts

@@ -321,7 +321,7 @@ const en: LocaleType = {
           Title: "Anthropic API Key",
           SubTitle:
             "Use a custom Anthropic Key to bypass password access restrictions",
-          Placeholder: "Anthropic API Key",
+          Placeholder: "Enter your Anthropic API Key",
         },
 
         Endpoint: {