Todo work

packages/example/src/routes/index.tsx

@@ -1,6 +1,7 @@
 import { TodosContext } from "@/todos/reffuse"
 import { TodosState } from "@/todos/services"
 import { VTodos } from "@/todos/views/VTodos"
+import { Container } from "@radix-ui/themes"
 import { createFileRoute } from "@tanstack/react-router"
 import { Layer } from "effect"
 import { useMemo } from "react"
@@ -18,11 +19,11 @@ function Index() {
 
 
     return (
-        <div className="container mx-auto">
+        <Container>
             <TodosContext.Provider layer={todosLayer}>
                 <VTodos />
             </TodosContext.Provider>
-        </div>
+        </Container>
     )
 
 }