Unify workspace dropdowns; Update layouts (#458)

Unified Account and Workspace drop-downs; Layout updates, now header lives within the PageBody component; Sidebars now use floating variant

packages/ui/src/makerkit/marketing/newsletter-signup.tsx

@@ -2,7 +2,7 @@
 
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useForm } from 'react-hook-form';
-import { z } from 'zod';
+import * as z from 'zod';
 
 import { cn } from '../../lib/utils';
 import { Button } from '../../shadcn/button';
@@ -16,10 +16,10 @@ import {
 import { Input } from '../../shadcn/input';
 
 const NewsletterFormSchema = z.object({
-  email: z.string().email('Please enter a valid email address'),
+  email: z.email(),
 });
 
-type NewsletterFormValues = z.infer<typeof NewsletterFormSchema>;
+type NewsletterFormValues = z.output<typeof NewsletterFormSchema>;
 
 interface NewsletterSignupProps extends React.HTMLAttributes<HTMLDivElement> {
   onSignup: (data: NewsletterFormValues) => void;
@@ -49,13 +49,13 @@ export function NewsletterSignup({
           className="flex flex-col gap-y-3"
         >
           <FormField
-            control={form.control}
             name="email"
             render={({ field }) => (
               <FormItem>
-                <FormControl>
-                  <Input placeholder={placeholder} {...field} />
-                </FormControl>
+                <FormControl
+                  render={<Input placeholder={placeholder} {...field} />}
+                />
+
                 <FormMessage />
               </FormItem>
             )}