Add missing comment block for expense

src/routes/expense/+page.svelte

@@ -162,17 +162,6 @@
       {editingExpense ? "Edit Expense" : "Add New Expense"}
     </h2>
     <form onsubmit={saveExpense} class="space-y-4">
-      <label class="block">
-        <span class="text-gray-700">Value:</span>
-        <input
-          type="text"
-          oninput={handleValueInput}
-          bind:this={valueRef}
-          required
-          class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md focus:ring focus:ring-indigo-200 focus:border-indigo-500"
-        />
-      </label>
-
       <label class="block">
         <span class="text-gray-700">Card:</span>
         <select
@@ -198,6 +187,27 @@
         </select>
       </label>
 
+      <label class="block">
+        <span class="text-gray-700">Value:</span>
+        <input
+          type="text"
+          oninput={handleValueInput}
+          bind:this={valueRef}
+          required
+          class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md focus:ring focus:ring-indigo-200 focus:border-indigo-500"
+        />
+      </label>
+
+      <label class="block">
+        <span class="text-gray-700">Comment:</span>
+        <input
+          type="text"
+          bind:value={currentExpense.comment}
+          required
+          class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md focus:ring focus:ring-indigo-200 focus:border-indigo-500"
+        />
+      </label>
+
       <div class="flex items-center space-x-4">
         <label>
           Date: