♻️ refactor: Update component imports and improve code consistency

- Refactored sidebar component to include additional sheet elements and improved accessibility with SheetHeader, SheetTitle, and SheetDescription.
- Updated skeleton component for better readability and consistency in class names.
- Refined slider component by standardizing import statements and enhancing class name formatting.
- Enhanced sonner component with consistent import statements and improved class name formatting.
- Standardized switch component imports and class names for better readability.
- Improved table component structure and class name consistency across various elements.
- Refactored tabs component for better readability and consistent class name formatting.
- Updated textarea component for improved readability and consistency in class names.
- Fixed timeline component to safely access getBoundingClientRect.
- Refactored toggle group and toggle components for improved readability and consistency in class names.
- Updated tooltip component for better readability and consistent class name formatting.
- Enhanced enhanced-input component to support generic types for better type safety.
- Refactored use-mobile hook for improved readability and consistency.
- Updated countries utility to make certain properties optional for better flexibility.
- Refined tailwind configuration for improved readability and consistency in theme settings.

apps/admin/app/dashboard/auth-control/forms/device-form.tsx

@@ -34,8 +34,8 @@ import { z } from 'zod';
 
 const deviceSchema = z.object({
   id: z.number(),
-  method: z.string().default('device'),
-  enabled: z.boolean().default(false),
+  method: z.string(),
+  enabled: z.boolean(),
   config: z
     .object({
       show_ads: z.boolean().optional(),

apps/admin/app/dashboard/auth-control/forms/email-settings-form.tsx

@@ -40,23 +40,23 @@ import { z } from 'zod';
 
 const emailSettingsSchema = z.object({
   id: z.number(),
-  method: z.string().default('email'),
-  enabled: z.boolean().default(false),
+  method: z.string(),
+  enabled: z.boolean(),
   config: z
     .object({
-      enable_verify: z.boolean().default(false),
-      enable_domain_suffix: z.boolean().default(false),
+      enable_verify: z.boolean(),
+      enable_domain_suffix: z.boolean(),
       domain_suffix_list: z.string().optional(),
       verify_email_template: z.string().optional(),
       expiration_email_template: z.string().optional(),
       maintenance_email_template: z.string().optional(),
       traffic_exceed_email_template: z.string().optional(),
-      platform: z.string().default('smtp'),
+      platform: z.string(),
       platform_config: z
         .object({
           host: z.string().optional(),
-          port: z.coerce.number().optional(),
-          ssl: z.boolean().default(false),
+          port: z.number().optional(),
+          ssl: z.boolean(),
           user: z.string().optional(),
           pass: z.string().optional(),
           from: z.string().optional(),

apps/admin/app/dashboard/auth-control/forms/google-form.tsx

@@ -33,8 +33,8 @@ import { z } from 'zod';
 
 const googleSchema = z.object({
   id: z.number(),
-  method: z.string().default('google'),
-  enabled: z.boolean().default(false),
+  method: z.string().default('google').optional(),
+  enabled: z.boolean().default(false).optional(),
   config: z
     .object({
       client_id: z.string().optional(),

apps/admin/app/dashboard/auth-control/forms/phone-settings-form.tsx

@@ -49,8 +49,8 @@ import { z } from 'zod';
 
 const phoneSettingsSchema = z.object({
   id: z.number(),
-  method: z.string().default('mobile'),
-  enabled: z.boolean().default(false),
+  method: z.string(),
+  enabled: z.boolean(),
   config: z
     .object({
       enable_whitelist: z.boolean().optional(),