chore: make border radius consistent and remove unused functions

src/index.ts

@@ -1240,17 +1240,4 @@ function createDayElement(day: number, isOtherMonth: boolean, year: number, mont
   return dayElement;
 }
 
-function toggleCard(id: string) {
-  const card = document.querySelector(`[data-id="${id}"]`);
-  card?.classList.toggle('expanded');
-}
-
-function deleteFood(id: string) {
-  handleDeleteFood(id);
-}
-
-function editFood(id: string) {
-  alert(`Edit functionality for food item ${id} would be implemented here`);
-}
-
 (window as any).selectFood = selectFood;

style.css

@@ -134,7 +134,7 @@ h1 {
     right: 0;
     background: white;
     border: 1px solid #e0e0e0;
-    border-radius: 12px;
+    border-radius: 6px;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
     z-index: 1002;
     max-height: 300px;
@@ -188,7 +188,7 @@ h1 {
 
 .food-card {
     background: white;
-    border-radius: 12px;
+    border-radius: 6px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     transition: all 0.3s ease;
@@ -286,7 +286,7 @@ h1 {
     text-align: center;
     padding: 12px;
     background: white;
-    border-radius: 8px;
+    border-radius: 6px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
@@ -355,7 +355,7 @@ h1 {
     color: white;
     border: none;
     padding: 12px 24px;
-    border-radius: 8px;
+    border-radius: 6px;
     font-size: 16px;
     cursor: pointer;
     margin-bottom: 20px;