chore: manual review minor improvements

Author: dil-asomlai

.cursor/rules/ai-docs.md .cursor/rules/ai-docs.mdc.cursor/rules/ai-docs.md renamed to .cursor/rules/ai-docs.mdc

@@ -1,3 +1,6 @@
-# Cursor AI - Todo App with Atlas UI
+---
+alwaysApply: true
+---
+
 
 For comprehensive documentation about the project structure, architecture, and development practices, please refer to the [AI.md](/AI.md) file.

src/components/TodoList/TodoItem.tsx

@@ -1,13 +1,5 @@
 import React from 'react';
-import {
-  ListItem,
-  ListItemText,
-  ListItemSecondaryAction,
-  IconButton,
-  Checkbox,
-  Divider,
-  Typography,
-} from '@mui/material';
+import { ListItem, ListItemText, IconButton, Checkbox, Divider, Typography } from '@mui/material';
 import type { Todo } from '../../types/Todo';
 import { useTodo } from '../../hooks/useTodo';
 
@@ -32,6 +24,18 @@ export const TodoItem: React.FC<TodoItemProps> = ({ todo, onEditClick }) => {
           },
         }}
         onClick={() => onEditClick(todo)}
+        secondaryAction={
+          <IconButton
+            edge="end"
+            aria-label="delete"
+            onClick={e => {
+              e.stopPropagation();
+              deleteTodo(todo.id);
+            }}
+          >
+            Delete
+          </IconButton>
+        }
       >
         <Checkbox
           edge="start"
@@ -69,18 +73,6 @@ export const TodoItem: React.FC<TodoItemProps> = ({ todo, onEditClick }) => {
             </Typography>
           }
         />
-        <ListItemSecondaryAction>
-          <IconButton
-            edge="end"
-            aria-label="delete"
-            onClick={e => {
-              e.stopPropagation();
-              deleteTodo(todo.id);
-            }}
-          >
-            Delete
-          </IconButton>
-        </ListItemSecondaryAction>
       </ListItem>
       <Divider />
     </>