refactor: move input and label to design system

correct variables according to design system spec

various cleanup

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

@@ -6,8 +6,8 @@ import { Controller, useFormContext } from "react-hook-form"
 import { useIntl } from "react-intl"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import { Input as InputWithLabel } from "@scandic-hotels/design-system/Input"
 
-import AriaInputWithLabel from "@/components/TempDesignSystem/Form/Input/AriaInputWithLabel"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 
 import { getErrorMessage } from "./errors"
@@ -63,7 +63,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
           validationBehavior="aria"
           value={field.value}
         >
-          <AriaInputWithLabel
+          <InputWithLabel
             {...field}
             ref={ref}
             aria-labelledby={field.name}