feat: add editing capability

style.css

@@ -402,7 +402,7 @@ h1 {
 
 .add-food-form {
     display: grid;
-    grid-template-columns: 2fr 1fr auto;
+    grid-template-columns: 2fr 1fr 1fr auto;
     gap: 15px;
     align-items: end;
 }
@@ -467,6 +467,24 @@ label {
     box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3);
 }
 
+.cancel-btn {
+    padding: 17px 25px;
+    background: linear-gradient(135deg, #757575, #616161);
+    color: white;
+    border: none;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: 1rem;
+    font-weight: 600;
+    transition: all 0.3s ease;
+    height: fit-content;
+}
+
+.cancel-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 5px 15px rgba(76, 175, 80, 0.3);
+}
+
 .food-table-section {
     background: white;
     border-radius: 6px;