feat(libra): put Amount and Currency on the same row

Wrap the Amount and Currency fields in a two-column grid on both the
expense (AddExpense.vue) and income (AddIncome.vue) forms, and add
w-full to the currency SelectTrigger so the dropdown fills its column.
Tightens the vertical layout of the entry dialogs.

src/accounting-app/views/AddIncome.vue

@@ -106,6 +106,7 @@
                 </FormItem>
               </FormField>
 
+              <div class="grid grid-cols-2 gap-4">
                 <FormField v-slot="{ componentField }" name="amount">
                   <FormItem>
                     <FormLabel>Amount *</FormLabel>
@@ -128,7 +129,7 @@
                     <FormLabel>Currency *</FormLabel>
                     <Select v-bind="componentField">
                       <FormControl>
-                      <SelectTrigger>
+                        <SelectTrigger class="w-full">
                           <SelectValue placeholder="Select currency" />
                         </SelectTrigger>
                       </FormControl>
@@ -142,6 +143,7 @@
                     <FormMessage />
                   </FormItem>
                 </FormField>
+              </div>
 
               <FormField v-slot="{ componentField }" name="reference">
                 <FormItem>

src/modules/expenses/components/AddExpense.vue

@@ -113,6 +113,8 @@
             </FormItem>
           </FormField>
 
+          <!-- Amount + Currency -->
+          <div class="grid grid-cols-2 gap-4">
             <!-- Amount -->
             <FormField v-slot="{ componentField }" name="amount">
               <FormItem>
@@ -139,7 +141,7 @@
                 <FormLabel>Currency *</FormLabel>
                 <Select v-bind="componentField">
                   <FormControl>
-                  <SelectTrigger>
+                    <SelectTrigger class="w-full">
                       <SelectValue placeholder="Select currency" />
                     </SelectTrigger>
                   </FormControl>
@@ -159,6 +161,7 @@
                 <FormMessage />
               </FormItem>
             </FormField>
+          </div>
 
           <!-- Reference (optional) -->
           <FormField v-slot="{ componentField }" name="reference">