feat(ui): establish shared design system foundations

src/app/routes/AppRoutes.test.tsx

@@ -6,9 +6,9 @@ import { MemoryRouter } from "react-router";
 import { describe, expect, it } from "vitest";
 
 import { AuthProvider } from "@/features/auth";
+import { cssVariablesResolver, theme } from "@/shared/theme";
 import { createTestQueryClient } from "@/test/query";
 import { server } from "@/test/server";
-import { theme } from "../theme";
 import { AppRoutes } from "./AppRoutes";
 
 describe("AppRoutes", () => {
@@ -16,7 +16,10 @@ describe("AppRoutes", () => {
 		return render(
 			<QueryClientProvider client={createTestQueryClient()}>
 				<MemoryRouter initialEntries={[path]}>
-					<MantineProvider theme={theme}>
+					<MantineProvider
+						cssVariablesResolver={cssVariablesResolver}
+						theme={theme}
+					>
 						<AuthProvider>
 							<AppRoutes />
 						</AuthProvider>