fix: update user fields to match schema

- Replace firstName/lastName with name field in users API route
- Update user formatting in UsersTab component
- Add email fallback when name is not available

src/app/dashboard/studies/new/page.tsx

@@ -0,0 +1,116 @@
+'use client';
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "~/components/ui/card";
+import { Button } from "~/components/ui/button";
+import { Input } from "~/components/ui/input";
+import { Label } from "~/components/ui/label";
+import { Textarea } from "~/components/ui/textarea";
+import { useToast } from "~/hooks/use-toast";
+import { ArrowLeft } from "lucide-react";
+import Link from "next/link";
+import { useActiveStudy } from "~/context/active-study";
+import { hasPermission } from "~/lib/permissions-client";
+import { PERMISSIONS } from "~/lib/permissions";
+
+export default function NewStudy() {
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const router = useRouter();
+  const { toast } = useToast();
+  const { refreshStudies } = useActiveStudy();
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+
+    try {
+      const response = await fetch('/api/studies', {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ title, description }),
+      });
+
+      if (!response.ok) {
+        throw new Error("Failed to create study");
+      }
+
+      const data = await response.json();
+      
+      toast({
+        title: "Success",
+        description: "Study created successfully",
+      });
+
+      // Refresh studies list and redirect to the new study
+      await refreshStudies();
+      router.push(`/dashboard/studies/${data.data.id}`);
+    } catch (error) {
+      console.error("Error creating study:", error);
+      toast({
+        title: "Error",
+        description: "Failed to create study",
+        variant: "destructive",
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <Button
+          variant="ghost"
+          className="gap-2"
+          asChild
+        >
+          <Link href="/dashboard/studies">
+            <ArrowLeft className="h-4 w-4" />
+            Back to Studies
+          </Link>
+        </Button>
+      </div>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>Create New Study</CardTitle>
+          <CardDescription>
+            Set up a new research study
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit} className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="title">Study Title</Label>
+              <Input
+                id="title"
+                value={title}
+                onChange={(e) => setTitle(e.target.value)}
+                placeholder="Enter study title"
+                required
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="description">Description</Label>
+              <Textarea
+                id="description"
+                value={description}
+                onChange={(e) => setDescription(e.target.value)}
+                placeholder="Enter study description"
+                rows={4}
+              />
+            </div>
+            <Button type="submit" disabled={isSubmitting}>
+              {isSubmitting ? "Creating..." : "Create Study"}
+            </Button>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}