fix: use Translation component for htmr string

Author: wackerow

src/components/FeedbackCard.tsx

@@ -5,10 +5,11 @@ import { Flex, type FlexProps, Heading } from "@chakra-ui/react"
 
 import { Button } from "@/components/Buttons"
 import { FeedbackThumbsUpIcon } from "@/components/icons"
-import Link from "@/components/Link"
 
 import { trackCustomEvent } from "@/lib/utils/matomo"
 
+import Translation from "./Translation"
+
 import { useSurvey } from "@/hooks/useSurvey"
 
 type FeedbackCardProps = FlexProps & {
@@ -74,8 +75,7 @@ const FeedbackCard = ({ prompt, isArticle, ...props }: FeedbackCardProps) => {
         {feedbackSubmitted && (
           <p>
             {t("feedback-widget-thank-you-subtitle")}{" "}
-            {t("feedback-widget-thank-you-subtitle-ext")}{" "}
-            <Link href="/discord/">Discord</Link>.
+            <Translation id="feedback-widget-thank-you-subtitle-ext" />
           </p>
         )}
         <Flex gap="4">