feat: Add alert when deleting todo

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>

app/todo.tsx

@@ -2,7 +2,7 @@ import AsyncStorage from "@react-native-async-storage/async-storage";
 import { useRouter } from "expo-router";
 import React, { useEffect, useState } from "react";
 import {
-  Alert,
+  Alert, // Make sure Alert is imported
   ImageBackground,
   KeyboardAvoidingView,
   Platform,
@@ -71,8 +71,29 @@ export default function CoordinateConverter() {
     };
 
     const removeTodo = (index: number) => {
-        const updatedTodos = todos.filter((_, i) => i !== index);
-        setTodos(updatedTodos);
+        const todoToRemove = todos[index];
+
+        Alert.alert(
+            "Delete Todo",
+            `Are you sure you want to delete "${todoToRemove}"?`,
+            [
+                {
+                    text: "Cancel",
+                    onPress: () => console.log("Delete Cancelled"),
+                    style: "cancel"
+                },
+                {
+                    text: "Delete",
+                    onPress: () => {
+                        const updatedTodos = todos.filter((_, i) => i !== index);
+                        setTodos(updatedTodos);
+                        console.log("Todo deleted:", todoToRemove);
+                    },
+                    style: "destructive"
+                }
+            ],
+            { cancelable: true }
+        );
     };
 
     return (