Fix sorting problem on inventory page

views/inventoryPage/inventory.css

@@ -19,6 +19,10 @@
         cursor: pointer;
     }
 
+    #inventoryStrand tbody{
+        text-transform: capitalize;
+    }
+
     .options{
         display: flex;
         justify-content: space-between;

views/inventoryPage/inventory.js

@@ -80,10 +80,10 @@ window.inventoryObj = {
             if(item.ingredient.name.toLowerCase().includes(searchString)){
                 this.items.push({
                     id: item.ingredient._id,
-                    name: item.ingredient.name,
-                    category: item.ingredient.category,
+                    name: item.ingredient.name.toLowerCase(),
+                    category: item.ingredient.category.toLowerCase(),
                     quantity: item.quantity,
-                    unit: item.ingredient.unit
+                    unit: item.ingredient.unit.toLowerCase()
                 });
             }
         }