refactor: move input and label to design system

correct variables according to design system spec

various cleanup

apps/scandic-web/components/TempDesignSystem/Form/PasswordInput/index.tsx

@@ -6,9 +6,9 @@ import { Controller, useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import { Input } from "@scandic-hotels/design-system/Input"
 
 import Button from "@/components/TempDesignSystem/Button"
-import AriaInputWithLabel from "@/components/TempDesignSystem/Form/Input/AriaInputWithLabel"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import { passwordValidators } from "@/utils/zod/passwordValidator"
 
@@ -62,7 +62,7 @@ export default function PasswordInput({
             }
           >
             <div className={styles.inputWrapper}>
-              <AriaInputWithLabel
+              <Input
                 {...field}
                 aria-labelledby={field.name}
                 id={field.name}