fix build issue

Author: MatrixRex

src/App.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { useStore } from './store/useStore';
+import { type Item } from './types';
 import Header from './components/Header';
 import RootView from './components/RootView';
 import FolderView from './components/FolderView';
@@ -9,7 +10,7 @@ import { DnDProvider } from './store/DnDContext';
 import { motion, AnimatePresence } from 'framer-motion';
 
 const App: React.FC = () => {
-  const currentView = useStore((state) => state.currentView);
+  const currentView = useStore((state: any) => state.currentView);
 
   React.useEffect(() => {
     const handleMouseMove = (e: MouseEvent) => {
@@ -31,7 +32,7 @@ const App: React.FC = () => {
       if ((e.ctrlKey || e.metaKey) && e.key === 'c') {
         const state = useStore.getState();
         if (state.selectedTaskId) {
-          const item = state.items.find(i => i.id === state.selectedTaskId);
+          const item = state.items.find((i: Item) => i.id === state.selectedTaskId);
           if (item) {
             navigator.clipboard.writeText(item.title).then(() => {
               // Using a simple toast for copy confirmation

src/components/FolderCard.tsx

@@ -13,16 +13,16 @@ interface FolderCardProps {
 }
 
 const FolderCard: React.FC<FolderCardProps> = ({ item }) => {
-    const setView = useStore(state => state.setView);
+    const setView = useStore((state: any) => state.setView);
     const { items, deleteItem, moveItem, isMenuOpen, showCompleted } = useStore();
     const { dragState, updateDragState, clearDragState } = useDnDContext();
     const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
     const [showSettings, setShowSettings] = useState(false);
     const [isIconHovered, setIsIconHovered] = useState(false);
 
     const folderItems = items
-        .filter(i => i.parent_id === item.id)
-        .filter(i => showCompleted || !i.is_completed);
+        .filter((i: Item) => i.parent_id === item.id)
+        .filter((i: Item) => showCompleted || !i.is_completed);
     const taskCount = folderItems.length;
 
     const handleDragOver = (e: React.DragEvent) => {

src/components/FolderView.tsx

@@ -3,20 +3,21 @@ import { useStore } from '../store/useStore';
 import TaskCard from './TaskCard';
 import { AnimatePresence } from 'framer-motion';
 import Fuse from 'fuse.js';
+import { type Item } from '../types';
 
 const FolderView: React.FC = () => {
     const { items, currentFolderId, searchQuery, showCompleted } = useStore();
-    const folder = items.find(i => i.id === currentFolderId);
+    const folder = items.find((i: Item) => i.id === currentFolderId);
 
     const isSearching = searchQuery.trim().length > 0;
 
     const tasks = useMemo(() => {
         const folderTasks = items
-            .filter(i => i.parent_id === currentFolderId && i.type === 'task')
-            .filter(i => showCompleted || !i.is_completed);
+            .filter((i: Item) => i.parent_id === currentFolderId && i.type === 'task')
+            .filter((i: Item) => showCompleted || !i.is_completed);
 
         if (!isSearching) {
-            return folderTasks.sort((a, b) => {
+            return folderTasks.sort((a: Item, b: Item) => {
                 if (a.is_completed !== b.is_completed) {
                     return a.is_completed ? 1 : -1;
                 }