Fix a typo in the component name (#22605)

frontend/src/metabase/components/form/FormField.jsx

@@ -12,7 +12,7 @@ import {
   FieldContainer,
   InfoLabel,
 } from "./FormField.styled";
-import { FormFieldDecription } from "./FormFieldDescription";
+import { FormFieldDescription } from "./FormFieldDescription";
 
 const formFieldCommon = {
   title: PropTypes.string,
@@ -117,13 +117,13 @@ function FormField(props) {
             )}
           </FieldRow>
           {description && descriptionPosition === "top" && (
-            <FormFieldDecription className="mb1" description={description} />
+            <FormFieldDescription className="mb1" description={description} />
           )}
         </FieldContainer>
       )}
       {align !== "left" && <InputContainer>{children}</InputContainer>}
       {description && descriptionPosition === "bottom" && (
-        <FormFieldDecription className="mt1" description={description} />
+        <FormFieldDescription className="mt1" description={description} />
       )}
     </div>
   );

frontend/src/metabase/components/form/FormFieldDescription.tsx

 import React from "react";
 
-interface FormFieldDecriptionProps {
+interface FormFieldDescriptionProps {
   className: string;
   description: string;
 }
 
-export const FormFieldDecription = ({
+export const FormFieldDescription = ({
   className,
   description,
-}: FormFieldDecriptionProps) => {
+}: FormFieldDescriptionProps) => {
   if (typeof description === "string") {
     return (
       <div