Move TodoItem from App.tsx to standalone types.ts

src/App.tsx

@@ -1,12 +1,7 @@
 import React, {useState} from 'react';
 import './App.css';
 import Todo from "./Todo";
-
-interface TodoItem {
-    id: number;
-    text: string;
-    completed: boolean;
-}
+import {TodoItem} from "./types";
 
 function App() {
     const [todos, setTodos] = useState<TodoItem[]>([]);

src/types.ts

@@ -0,0 +1,5 @@
+export interface TodoItem {
+    id: number;
+    text: string;
+    completed: boolean;
+}