login and register tabs, initial user dashboard

client/src/components/auth/Register.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+export default function Register() {
+  return (
+    <div className="form-control">
+      <label htmlFor="registerName" className="label">
+        <span className="label-text">Username</span>
+      </label>
+      <input
+        type="text"
+        pattern="[A-Za-z0-9]+"
+        title="Alphanumeric characters only"
+        id="registerName"
+        name="registerName"
+        placeholder="username"
+        className="input input-bordered"
+        maxLength={16}
+        minLength={2}
+        required
+      />
+      <label htmlFor="registerEmail" className="label">
+        <span className="label-text">Email (optional)</span>
+      </label>
+      <input
+        type="email"
+        id="registerEmail"
+        name="registerEmail"
+        placeholder="email"
+        className="input input-bordered"
+        minLength={4}
+      />
+      <label htmlFor="registerPassword" className="label">
+        <span className="label-text">Password</span>
+      </label>
+      <input
+        type="password"
+        id="registerPassword"
+        name="registerPassword"
+        placeholder="password"
+        className="input input-bordered"
+        minLength={3}
+        required
+      />
+    </div>
+  );
+}