feat: enhance course page and indicators

apps/web/components/Objects/StyledElements/Form/Form.tsx

@@ -4,11 +4,19 @@ import { styled } from '@stitches/react'
 import { blackA } from '@radix-ui/colors'
 import { Info } from 'lucide-react'
 
-const FormLayout: React.FC<{ children: React.ReactNode; onSubmit: (e: any) => void }> = (props) => (
-  <FormRoot className="h-fit" onSubmit={props.onSubmit}>
-    {props.children}
-  </FormRoot>
-)
+interface FormLayoutProps {
+  children: React.ReactNode
+  onSubmit: (e: any) => void
+  className?: string
+}
+
+const FormLayout = ({ children, onSubmit, className }: FormLayoutProps) => {
+  return (
+    <Form.Root onSubmit={onSubmit} className={className}>
+      {children}
+    </Form.Root>
+  )
+}
 
 export const FormLabelAndMessage = (props: {
   label: string