feat: show if the food is alkaline or not

src/index.ts

@@ -1081,6 +1081,7 @@ function addFoodToView(foodData: FoodStorage, documentId: string) {
   }
 
   const foodFromDatabase = getFoodItemByName(foodData.name);
+  const isAlkalineStr = foodFromDatabase.info.alkaline ? ' (Alk)' : ' (Not Alk)';
 
   card.innerHTML = `
     <div class="card-header card-header-toggle">
@@ -1115,7 +1116,7 @@ function addFoodToView(foodData: FoodStorage, documentId: string) {
             <div class="food-is-alkaline hidden">${foodData.alkaline ? 'alkaline' : ''}</div>
           </div>
           <div class="card-actions">
-            <span class="muted">${foodFromDatabase.info.category}</span>
+            <span class="muted">${foodFromDatabase.info.category} ${isAlkalineStr}</span>
             <div>
               <button class="btn btn-copy" data-food-id="${documentId}">Copy</button>
               <button class="btn btn-edit" data-food-id="${documentId}">Edit</button>