fix(feedback): qa (#14)

shared/features/feedback-drawer/_translations/feedback-drawer.en.json

@@ -0,0 +1,3 @@
+{
+  "title": "Contact form"
+}

shared/features/feedback-drawer/_translations/feedback-drawer.translate.ts

@@ -0,0 +1,5 @@
+import enFeedbackDrawer from "./feedback-drawer.en.json";
+
+export const enFeedbackDrawerTranslate = {
+  feedbackDrawer: enFeedbackDrawer,
+};

shared/features/feedback-drawer/feedback-drawer.tsx

@@ -1,5 +1,6 @@
 import { FilloutStandardEmbed } from "@fillout/react";
 
+import { Typo } from "@/design-system/atoms/typo";
 import { Drawer } from "@/design-system/molecules/drawer";
 
 import { useFeedbackDrawerState } from "@/shared/features/feedback-drawer/feedback-drawer.hooks";
@@ -14,8 +15,11 @@ export function FeedbackDrawer({ state }: { state: ReturnType<typeof useFeedback
     <Drawer
       isOpen={isOpen}
       onOpenChange={setIsOpen}
-      hideHeader
+      header={{
+        startContent: <Typo size={"2xl"} variant="brand" translate={{ token: "feedbackDrawer:title" }} />,
+      }}
       classNames={{
+        base: "bg-[#181818]",
         body: "p-0 h-full",
       }}
     >

shared/translation/en.ts

@@ -1,10 +1,12 @@
 import { enTestTranslation } from "@/app/test/_translations/test.translate";
 
+import { enFeedbackDrawerTranslate } from "@/shared/features/feedback-drawer/_translations/feedback-drawer.translate";
 import { enPrimaryNavigationTranslation } from "@/shared/features/navigation/primary-navigation/_translations/primary-navigation.translate";
 import common from "@/shared/translation/translations/common/common.en.json";
 
 export const en = {
   common,
   ...enTestTranslation,
   ...enPrimaryNavigationTranslation,
+  ...enFeedbackDrawerTranslate,
 };