fix(description) - help center links render anchor correctly (#720)

* fix(description) - help center links

* fix description

Author: gabrielseco

src/components/form/fields/tests/CurrencyConversionField.test.tsx

@@ -285,7 +285,9 @@ describe('CurrencyFieldWithConversion', () => {
     const descriptionElement = screen.getByText(
       /Enter your test salary/i,
     ).parentElement;
-    expect(descriptionElement).toHaveClass('CustomPrefix-description');
+    expect(descriptionElement?.parentElement).toHaveClass(
+      'CustomPrefix-description',
+    );
   });
 
   it('resets conversion field when source currency changes', async () => {

src/components/ui/form.tsx

@@ -151,13 +151,12 @@ function FormDescription<T extends React.ElementType = 'p'>({
           data-slot='form-description'
           id={formDescriptionId}
           className={cn('text-base-color text-xs', className)}
-          dangerouslySetInnerHTML={{
-            __html: sanitizeHtml(children),
-          }}
           data-sanitized='true'
           {...props}
-        />
-        {helpCenter && helpCenter}
+        >
+          <span dangerouslySetInnerHTML={{ __html: sanitizeHtml(children) }} />{' '}
+          {helpCenter && helpCenter}
+        </Component>
       </>
     );
   }