fix: whitelist server action proxies

components/Forms/Edit/Profile/FormContent/index.tsx

@@ -2,6 +2,8 @@
 // import { useFormStatus } from "react-dom"
 import { useIntl } from "react-intl"
 
+import { languageSelect } from "@/constants/languages"
+
 import CountrySelect from "@/components/TempDesignSystem/Form/Country"
 import DateSelect from "@/components/TempDesignSystem/Form/Date"
 import Input from "@/components/TempDesignSystem/Form/Input"
@@ -11,15 +13,6 @@ import Body from "@/components/TempDesignSystem/Text/Body"
 
 import styles from "./formContent.module.css"
 
-const languages = [
-  { label: "Danish", value: "Da" },
-  { label: "German", value: "De" },
-  { label: "English", value: "En" },
-  { label: "Finnish", value: "Fi" },
-  { label: "Norwegian", value: "No" },
-  { label: "Swedish", value: "Sv" },
-]
-
 export default function FormContent() {
   const { formatMessage } = useIntl()
   // const { pending } = useFormStatus()
@@ -70,7 +63,7 @@ export default function FormContent() {
           registerOptions={{ required: true }}
         />
         <Select
-          items={languages}
+          items={languageSelect}
           label={formatMessage({ id: "Language" })}
           name="language"
           placeholder={formatMessage({ id: "Select language" })}

components/Forms/Edit/Profile/index.tsx

@@ -56,7 +56,7 @@ export default function Form({ user }: EditFormProps) {
     <FormProvider {...form}>
       <Header>
         <hgroup>
-          <Title as="h4" color="peach80" level="h1">
+          <Title as="h4" color="red" level="h1">
             {formatMessage({ id: "Edit" })}
           </Title>
           <Title as="h4" color="burgundy" level="h2">
@@ -66,9 +66,9 @@ export default function Form({ user }: EditFormProps) {
         <div className={styles.btns}>
           <Button
             form={formId}
-            intent="primary"
+            intent="secondary"
             size="small"
-            theme="primaryDark"
+            theme="base"
             type="reset"
           >
             {formatMessage({ id: "Discard changes" })}
@@ -76,7 +76,7 @@ export default function Form({ user }: EditFormProps) {
           <Button
             disabled={!form.formState.isValid || form.formState.isSubmitting}
             form={formId}
-            intent="secondary"
+            intent="primary"
             size="small"
             theme="base"
             type="submit"