增加调查问卷

src/components/Footer.tsx

@@ -1,8 +1,11 @@
-import { Box, Container, Flex, Heading, Link, Section } from "@radix-ui/themes";
-import { useTranslations } from "next-intl";
+import { Box, Flex, Heading, Link } from "@radix-ui/themes";
+import { useLocale, useTranslations } from "next-intl";
 
 export default function Footer() {
   const f = useTranslations("Footer");
+  const t = useTranslations("Header");
+
+  const locale = useLocale();
 
   return (
     <footer className="w-full border-t backdrop-blur-sm bg-background/95 ">
@@ -12,11 +15,20 @@ export default function Footer() {
           <Flex gap={"2"} direction={"column"}>
             <Heading as="h2" size="4">Tools</Heading>
             <Link
-              href="/editor"
+              href={`/${locale}/editor`}
               className="text-sm text-muted-foreground hover:text-primary"
             >
-              Editor
+              {t("editorName")}
             </Link>
+
+            <Link
+              href="https://forms.gle/MHCFY5DxND7VEjQ87"
+              className="text-sm text-muted-foreground hover:text-primary"
+              target="_blank"
+            >
+              Features Wanted
+            </Link>
+
           </Flex>
 
           <Flex gap={"2"} direction={"column"}>

src/components/Header.tsx

@@ -1,15 +1,12 @@
-'use client'
-import { useTranslations } from "next-intl";
+import { useLocale, useTranslations } from "next-intl";
 import LanguageSwitcher from "./LanguageSwitcher";
 import { ModeToggle } from "./ModeToggle";
 import { Box, Flex, Link, Strong, Text } from "@radix-ui/themes";
-import { useRouter } from "@/i18n/navigation";
 
 export default function Header() {
 
   const t = useTranslations("Header");
-
-  const router = useRouter();
+  const locale = useLocale();
 
   return (
     <header className="w-full py-2 border-b-1 ">
@@ -22,10 +19,19 @@ export default function Header() {
 
         <Flex gap={"4"} justify={"center"} align={"center"} className="w-1/2">
           <Link
-            onClick={() => { router.push("/editor") }}
+            href={`/${locale}/editor`}
+            className="text-sm text-muted-foreground hover:text-primary"
           >
             {t("editorName")}
           </Link>
+
+          <Link
+            href="https://forms.gle/MHCFY5DxND7VEjQ87"
+            className="text-sm text-muted-foreground hover:text-primary"
+            target="_blank"
+          >
+            Features Wanted
+          </Link>
         </Flex>
 
         <Flex align="center" gap="4" className="w-1/4">