feat: add feedback button

tasks/components/FeedbackButton.tsx

@@ -0,0 +1,28 @@
+import { Button } from '@helpwave/common/components/Button'
+import { PropsWithLanguage, useTranslation } from '@helpwave/common/hooks/useTranslation';
+import { Languages } from '@helpwave/common/hooks/useLanguage';
+
+type FeedbackButtonTranslation = {
+  text: string
+}
+
+const defaultFeedbackButtonTranslation: Record<Languages, FeedbackButtonTranslation> = {
+  en: {
+    text: 'Issue or Feedback?'
+  },
+  de: {
+    text: 'Fehler oder Feedback?'
+  }
+}
+
+export const FeedbackButton = ({ language }: PropsWithLanguage<FeedbackButtonTranslation>) => {
+  const translation = useTranslation(language, defaultFeedbackButtonTranslation)
+
+  const onClick = () => window.open('https://share-eu1.hsforms.com/1Libxb_ANSm-CpMCQ37Ti6Qfsrtd', '_blank')
+
+  return (
+    <Button variant="tertiary" color="neutral" onClick={onClick}>
+      {translation.text}
+    </Button>
+  )
+}

tasks/components/layout/PageWithHeader.tsx

@@ -6,6 +6,7 @@ import { UserMenu } from '../UserMenu'
 import type { Crumb } from '../BreadCrumb'
 import { BreadCrumb } from '../BreadCrumb'
 import { useAuth } from '../../hooks/useAuth'
+import { FeedbackButton } from '../FeedbackButton';
 
 type PageWithHeaderProps = Partial<HeaderProps> & {
   crumbs?: Crumb[]
@@ -28,6 +29,7 @@ export const PageWithHeader = ({
 
   if (!user) return null
 
+  const feedbackButton = <FeedbackButton/>
   const userMenu = <UserMenu />
 
   return (
@@ -36,7 +38,7 @@ export const PageWithHeader = ({
         title={title}
         withIcon={withIcon}
         leftSide={[(crumbs ? <BreadCrumb crumbs={crumbs}/> : undefined), ...(leftSide ?? [])]}
-        rightSide={[...(rightSide ?? []), userMenu]}
+        rightSide={[...(rightSide ?? []), feedbackButton, userMenu]}
       />
       {children}
     </div>