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

contexts/FormItem/FormItemProvider.tsx

@@ -0,0 +1,18 @@
+import { cn } from '@utils/ui';
+import * as React from 'react';
+import { FormItemContext } from './FormItemContext';
+
+export const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId();
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn('space-y-2', className)} {...props} />
+    </FormItemContext.Provider>
+  );
+});
+
+FormItem.displayName = 'FormItem';