Refactor admin dashboard and fix mobile phone input dropdown

- Simplify admin dashboard by consolidating configuration sections
- Fix mobile dropdown display issues in PhoneInputWrapper component
- Add proper flex layout and minimum height for mobile country list
- Update email configuration and testing functionality
- Remove redundant configuration cards in favor of unified portal settings

components/PhoneInputWrapper.vue

@@ -68,6 +68,7 @@
             class="country-dropdown" 
             :class="{ 'country-dropdown--mobile': isMobile }"
             elevation="8"
+            :style="isMobile ? 'display: block !important;' : ''"
           >
             <!-- Mobile Header -->
             <div v-if="isMobile" class="mobile-header">
@@ -562,15 +563,21 @@ watch(() => props.modelValue, (newValue) => {
   right: 5% !important;
   width: 90vw !important;
   max-width: 400px !important;
+  min-height: 400px !important;
   max-height: 80vh !important;
+  height: auto !important;
   margin: 0 auto !important;
   border-radius: 16px !important;
   z-index: 2000 !important;
   box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3) !important;
   overflow: hidden !important;
+  display: flex !important;
+  flex-direction: column !important;
 }
 
 .country-list--mobile {
+  flex: 1 !important;
+  min-height: 200px !important;
   max-height: calc(60vh - 120px) !important;
   overflow-y: auto !important;
   -webkit-overflow-scrolling: touch;