Finally gets the routing working in a somewhat reasonable way

src/components/layout/TabbedLayout.tsx

@@ -0,0 +1,16 @@
+export type Props = {
+  title: React.ReactNode;
+  navigation: React.ReactNode;
+  tabs: React.ReactNode[];
+  content: React.ReactNode;
+};
+export function TabbedLayout({ navigation, title, tabs, content }: Props) {
+  return (
+    <div>
+      <div>{navigation}</div>
+      <div>{title}</div>
+      <div>{tabs}</div>
+      <div>{content}</div>
+    </div>
+  );
+}