refactor: improve news and email handling, style, folder structure (#16)

components/form/FormDescription.tsx

@@ -0,0 +1,20 @@
+import { useFormField } from '@hooks/useFormField';
+import { cn } from '@utils/ui';
+import * as React from 'react';
+
+export const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn('text-sm text-muted-foreground', className)}
+      {...props}
+    />
+  );
+});
+FormDescription.displayName = 'FormDescription';