Fix visual bugs in expenses page and interest details modal

- Fixed calendar button positioning in date input fields by adding proper padding
- Reduced Current Month button size from large to default for better fit
- Improved export button spacing using ga-4 instead of gap-6
- Removed Save & Close button from InterestDetailsModal, keeping only Save Changes button
- Updated mobile layout to use full width for Save Changes button

pages/dashboard/expenses.vue

@@ -32,6 +32,7 @@
               variant="outlined"
               density="comfortable"
               hide-details
+              class="date-input-fix"
             />
           </v-col>
           
@@ -43,6 +44,7 @@
               variant="outlined"
               density="comfortable"
               hide-details
+              class="date-input-fix"
             />
           </v-col>
           
@@ -75,7 +77,7 @@
             <v-btn
               @click="resetToCurrentMonth"
               variant="outlined"
-              size="large"
+              size="default"
               class="w-100"
             >
               Current Month
@@ -197,7 +199,7 @@
         <div class="d-flex flex-wrap align-center">
           <span class="text-subtitle-1 font-weight-medium mr-6">Export Options:</span>
           
-          <div class="d-flex gap-6">
+          <div class="d-flex ga-4">
             <v-btn
               @click="exportCSV"
               :disabled="selectedExpenses.length === 0"
@@ -660,4 +662,10 @@ onMounted(async () => {
 .v-tab {
   text-transform: none !important;
 }
+
+/* Fix for date input calendar button positioning */
+.date-input-fix :deep(.v-field__append-inner) {
+  padding-inline-start: 8px;
+  margin-inline-end: 4px;
+}
 </style>