♻️ 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/payment/payment-form.tsx

@@ -75,9 +75,9 @@ export default function PaymentForm<T>({
     icon: z.string().optional(),
     domain: z.string().optional(),
     config: z.any(),
-    fee_mode: z.coerce.number().min(0).max(2),
-    fee_percent: z.coerce.number().optional(),
-    fee_amount: z.coerce.number().optional(),
+    fee_mode: z.number().min(0).max(2),
+    fee_percent: z.number().optional(),
+    fee_amount: z.number().optional(),
     description: z.string().optional(),
   });
 
@@ -319,7 +319,7 @@ export default function PaymentForm<T>({
                           }}
                           defaultValue={field.value}
                           value={field.value}
-                          // @ts-expect-error
+                          // @ts-expect-error - disabled prop type mismatch with SelectTrigger component
                           disabled={isEdit && Boolean(initialValues?.platform)}
                         >
                           <FormControl>