refactor: unify backend and frontend servers (#3)

* refactor: unify backend and frontend servers

* refactor: correct paths for openapi & drizzle

* refactor: move api-client to client

* fix: drizzle paths

* chore: fix linting issues

* fix: form reset issue

app/client/components/app-breadcrumb.tsx

@@ -0,0 +1,42 @@
+import { Link } from "react-router";
+import {
+	Breadcrumb,
+	BreadcrumbItem,
+	BreadcrumbLink,
+	BreadcrumbList,
+	BreadcrumbPage,
+	BreadcrumbSeparator,
+} from "~/client/components/ui/breadcrumb";
+import { useBreadcrumbs } from "~/client/lib/breadcrumbs";
+
+export function AppBreadcrumb() {
+	const breadcrumbs = useBreadcrumbs();
+
+	return (
+		<Breadcrumb>
+			<BreadcrumbLink asChild></BreadcrumbLink>
+			<BreadcrumbList>
+				{breadcrumbs.map((breadcrumb, index) => {
+					const isLast = index === breadcrumbs.length - 1;
+
+					return (
+						<div key={`${breadcrumb.label}-${index}`} className="contents">
+							<BreadcrumbItem>
+								{isLast || breadcrumb.isCurrentPage ? (
+									<BreadcrumbPage>{breadcrumb.label}</BreadcrumbPage>
+								) : breadcrumb.href ? (
+									<BreadcrumbLink asChild>
+										<Link to={breadcrumb.href}>{breadcrumb.label}</Link>
+									</BreadcrumbLink>
+								) : (
+									<BreadcrumbPage>{breadcrumb.label}</BreadcrumbPage>
+								)}
+							</BreadcrumbItem>
+							{!isLast && <BreadcrumbSeparator />}
+						</div>
+					);
+				})}
+			</BreadcrumbList>
+		</Breadcrumb>
+	);
+}