Add NocoDB configuration tab to admin settings for persistent database connectivity

components/DuesActionCard.vue

@@ -118,14 +118,14 @@
     </v-card-text>
 
     <!-- Action Buttons -->
-    <v-card-actions class="pa-4 pt-0">
+    <v-card-actions class="pa-4 pt-0 d-flex justify-center">
       <v-btn
         color="success"
         variant="elevated"
-        size="small"
+        height="44"
         :loading="loading"
         @click="showPaymentDateDialog = true"
-        block
+        class="px-4"
       >
         <v-icon start size="16">mdi-check-circle</v-icon>
         Mark as Paid