fix: language selector mutual exclusion with preset buttons

- When "Other" is selected, preset language buttons are deselected
- Only one option can be selected at a time
- Refactor dictionary page with zustand store
- Add custom language input option to dictionary
- Fix multiple issues in dictionary bigmodel pipeline

src/app/(features)/dictionary/page.tsx

@@ -1,75 +1,20 @@
-import { PageLayout } from "@/components/ui/PageLayout";
-import { SearchForm } from "./SearchForm";
-import { SearchResult } from "./SearchResult";
-import { getTranslations } from "next-intl/server";
-import { actionLookUpDictionary } from "@/modules/dictionary/dictionary-action";
-import { TSharedItem } from "@/shared/dictionary-type";
+import { DictionaryClient } from "./DictionaryClient";
+import { auth } from "@/auth";
+import { headers } from "next/headers";
+import { actionGetFoldersByUserId } from "@/modules/folder/folder-aciton";
+import { TSharedFolder } from "@/shared/folder-type";
 
-interface DictionaryPageProps {
-    searchParams: Promise<{ q?: string; ql?: string; dl?: string; }>;
-}
-
-export default async function DictionaryPage({ searchParams }: DictionaryPageProps) {
-    const t = await getTranslations("dictionary");
-
-    // 从 searchParams 获取搜索参数
-    const { q: searchQuery, ql: queryLang = "english", dl: definitionLang = "chinese" } = await searchParams;
-
-    // 如果有搜索查询，获取搜索结果
-    let searchResult: TSharedItem | undefined | null = null;
-    if (searchQuery) {
-        const getNativeName = (code: string): string => {
-            const popularLanguages: Record<string, string> = {
-                english: "English",
-                chinese: "中文",
-                japanese: "日本語",
-                korean: "한국어",
-                italian: "Italiano",
-                uyghur: "ئۇيغۇرچە",
-            };
-            return popularLanguages[code] || code;
-        };
-
-        const result = await actionLookUpDictionary({
-            text: searchQuery,
-            queryLang: getNativeName(queryLang),
-            definitionLang: getNativeName(definitionLang),
-            forceRelook: false
-        });
-
-        if (result.success && result.data) {
-            searchResult = result.data;
-        }
+export default async function DictionaryPage() {
+  const session = await auth.api.getSession({ headers: await headers() });
+  
+  let folders: TSharedFolder[] = [];
+  
+  if (session?.user?.id) {
+    const result = await actionGetFoldersByUserId(session.user.id as string);
+    if (result.success && result.data) {
+      folders = result.data;
     }
+  }
 
-    return (
-        <PageLayout>
-            {/* 搜索区域 */}
-            <div className="mb-8">
-                <SearchForm
-                    defaultQueryLang={queryLang}
-                    defaultDefinitionLang={definitionLang}
-                />
-            </div>
-
-            {/* 搜索结果区域 */}
-            <div>
-                {searchQuery && (
-                    <SearchResult
-                        searchResult={searchResult}
-                        searchQuery={searchQuery}
-                        queryLang={queryLang}
-                        definitionLang={definitionLang}
-                    />
-                )}
-                {!searchQuery && (
-                    <div className="text-center py-12">
-                        <div className="text-6xl mb-4">📚</div>
-                        <p className="text-gray-800 text-xl mb-2">{t("welcomeTitle")}</p>
-                        <p className="text-gray-600">{t("welcomeHint")}</p>
-                    </div>
-                )}
-            </div>
-        </PageLayout>
-    );
+  return <DictionaryClient initialFolders={folders} />;
 }