2 окна и настройка элементов

src/app/App.tsx

@@ -1,11 +1,23 @@
 import { FC } from "react";
-import { TemplateManager } from "../components/TemplateManager/TemplateManager";
+import { Navigate, Route, Routes } from "react-router-dom";
+import { TemplateProvider } from "../contexts/TemplateContext";
+import { ElementsCreation } from "../pages/ElementsCreation";
+import { ProtocolCreation } from "../pages/ProtocolCreation";
+import { TemplateSetup } from "../pages/TemplateSetup";
+import { Layout } from "./Layout";
 
 const App: FC = () => {
   return (
-    <div className="min-h-screen bg-background">
-      <TemplateManager />
-    </div>
+    <TemplateProvider>
+      <Routes>
+        <Route path="/" element={<Layout />}>
+          <Route index element={<Navigate to="/templates" replace />} />
+          <Route path="templates" element={<TemplateSetup />} />
+          <Route path="elements" element={<ElementsCreation />} />
+          <Route path="create-protocol" element={<ProtocolCreation />} />
+        </Route>
+      </Routes>
+    </TemplateProvider>
   );
 };