refactor: move input and label to design system

correct variables according to design system spec

various cleanup

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

@@ -12,12 +12,12 @@ import {
 import { useIntl } from "react-intl"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import { Input } from "@scandic-hotels/design-system/Input"
+import { Label } from "@scandic-hotels/design-system/Label"
 
 import { getDefaultCountryFromLang } from "@/constants/languages"
 
 import ErrorMessage from "@/components/TempDesignSystem/Form/ErrorMessage"
-import AriaInputWithLabel from "@/components/TempDesignSystem/Form/Input/AriaInputWithLabel"
-import Label from "@/components/TempDesignSystem/Form/Label"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import useLang from "@/hooks/useLang"
 
@@ -114,7 +114,7 @@ export default function Phone({
         type="tel"
         value={phoneNumber}
       >
-        <AriaInputWithLabel
+        <Input
           {...register(name, registerOptions)}
           autoComplete="tel-national"
           label={label}