feat(frontend): add navigations inside questionnaire form

Author: stampaaaron

apps/frontend/src/routes/_auth/questionnaire/$id/entries.tsx

@@ -1,7 +1,24 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { Button, Group } from "@quassel/ui";
+import { createFileRoute, Link, useNavigate } from "@tanstack/react-router";
 
 function QuestionnaireEntries() {
-  return "Hello /_auth/questionnaire/$id/entries!";
+  const n = useNavigate();
+  const p = Route.useParams();
+
+  const handleSubmit = () => {
+    n({ to: "/questionnaire/$id/remarks", params: p });
+  };
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <Group>
+        <Link to="/questionnaire/$id/period" params={p}>
+          <Button variant="outline">Back</Button>
+        </Link>
+        <Button type="submit">Continue</Button>
+      </Group>
+    </form>
+  );
 }
 
 export const Route = createFileRoute("/_auth/questionnaire/$id/entries")({

apps/frontend/src/routes/_auth/questionnaire/$id/period.tsx

@@ -1,7 +1,22 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { Button } from "@quassel/ui";
+import { createFileRoute, useNavigate } from "@tanstack/react-router";
 
 function QuestionnairePeriod() {
-  return "Hello /_auth/questionnaire/$id/period!";
+  const n = useNavigate();
+  const p = Route.useParams();
+
+  const handleSubmit = () => {
+    n({ to: "/questionnaire/$id/entries", params: p });
+  };
+
+  return (
+    <>
+      <h3>Period</h3>
+      <form onSubmit={handleSubmit}>
+        <Button type="submit">Continue</Button>
+      </form>
+    </>
+  );
 }
 
 export const Route = createFileRoute("/_auth/questionnaire/$id/period")({

apps/frontend/src/routes/_auth/questionnaire/new.tsx

@@ -1,7 +1,24 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { Button } from "@quassel/ui";
+import { createFileRoute, useNavigate } from "@tanstack/react-router";
 
 function QuestionnaireNew() {
-  return "Hello /_auth/questionnaire/new!";
+  const n = useNavigate();
+
+  const handleSubmit = () => {
+    // TODO create new questionnaire and receive ID
+
+    n({ to: "/questionnaire/$id/entries", params: { id: "123" } });
+  };
+
+  return (
+    <>
+      <h3>Period</h3>
+      <form onSubmit={handleSubmit}>
+        {/* TODO period form */}
+        <Button type="submit">Create</Button>
+      </form>
+    </>
+  );
 }
 
 export const Route = createFileRoute("/_auth/questionnaire/new")({