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

@@ -42,39 +42,31 @@ export type ProtocolName =
 
 type ServerRow = API.Server;
 
-export type NodeFormValues = {
-  name: string;
-  server_id?: number;
-  protocol: ProtocolName | '';
-  address: string;
-  port: number;
-  tags: string[];
-};
+const buildSchema = (t: ReturnType<typeof useTranslations>) =>
+  z.object({
+    name: z.string().trim().min(1, t('errors.nameRequired')),
+    server_id: z
+      .number({ message: t('errors.serverRequired') })
+      .int()
+      .gt(0, t('errors.serverRequired'))
+      .optional(),
+    protocol: z.string().min(1, t('errors.protocolRequired')),
+    address: z.string().trim().min(1, t('errors.serverAddrRequired')),
+    port: z
+      .number({ message: t('errors.portRange') })
+      .int()
+      .min(1, t('errors.portRange'))
+      .max(65535, t('errors.portRange')),
+    tags: z.array(z.string()),
+  });
+
+export type NodeFormValues = z.infer<ReturnType<typeof buildSchema>>;
 
 async function getServers(): Promise<ServerRow[]> {
   const { data } = await filterServerList({ page: 1, size: 1000 });
   return (data?.data?.list || []) as ServerRow[];
 }
 
-const buildSchema = (t: ReturnType<typeof useTranslations>) =>
-  z.object({
-    name: z.string().trim().min(1, t('errors.nameRequired')),
-    server_id: z.coerce
-      .number({ invalid_type_error: t('errors.serverRequired') })
-      .int()
-      .gt(0, t('errors.serverRequired')),
-    protocol: z.custom<ProtocolName>((v) => typeof v === 'string' && v.length > 0, {
-      message: t('errors.protocolRequired'),
-    }),
-    address: z.string().trim().min(1, t('errors.serverAddrRequired')),
-    port: z.coerce
-      .number({ invalid_type_error: t('errors.portRange') })
-      .int()
-      .min(1, t('errors.portRange'))
-      .max(65535, t('errors.portRange')),
-    tags: z.array(z.string()).default([]),
-  });
-
 export default function NodeForm(props: {
   trigger: string;
   title: string;