Refactor admin dashboard layout and improve NocoDB settings dialog handling

pages/dashboard/admin.vue

@@ -99,6 +99,44 @@
         </v-col>
       </v-row>
 
+      <!-- NocoDB Configuration -->
+      <v-row class="mb-6">
+        <v-col cols="12">
+          <v-card elevation="2">
+            <v-card-title>
+              <v-icon left>mdi-database-cog</v-icon>
+              Database Configuration
+            </v-card-title>
+            <v-card-text>
+              <p class="mb-4">Configure the NocoDB database connection for the Member Management system.</p>
+              
+              <v-row>
+                <v-col cols="12" md="6">
+                  <v-btn
+                    color="info"
+                    variant="outlined"
+                    block
+                    size="large"
+                    @click="showNocoDBSettings = true"
+                  >
+                    <v-icon start>mdi-database-settings</v-icon>
+                    Configure NocoDB
+                  </v-btn>
+                </v-col>
+                
+                <v-col cols="12" md="6">
+                  <div class="d-flex align-center" style="height: 100%;">
+                    <v-chip color="success" variant="tonal" size="small">
+                      <v-icon start size="14">mdi-database</v-icon>
+                      Ready for configuration
+                    </v-chip>
+                  </div>
+                </v-col>
+              </v-row>
+            </v-card-text>
+          </v-card>
+        </v-col>
+      </v-row>
 
     </v-container>