refactor(components): use arrow function syntax and improve consistency

packages/web/src/components/Form.tsx

@@ -1,9 +1,9 @@
 import { PropsWithChildren } from "react"
 
-export default function Form({ children }: PropsWithChildren) {
-  return (
-    <div className="z-10 flex w-full max-w-80 flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
-      {children}
-    </div>
-  )
-}
+const Form = ({ children }: PropsWithChildren) => (
+  <div className="z-10 flex w-full max-w-80 flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
+    {children}
+  </div>
+)
+
+export default Form