Refactor HandleSchedules component for improved UI and user experience

- Updated the layout of the HandleSchedules component to enhance the selection of predefined schedules and custom cron expressions.
- Introduced a flexbox layout for better spacing and organization of form elements.
- Improved placeholder text for clarity in the schedule selection dropdown.

apps/dokploy/components/dashboard/application/schedules/handle-schedules.tsx

@@ -185,30 +185,34 @@ export const HandleSchedules = ({ applicationId, scheduleId }: Props) => {
 											</Tooltip>
 										</TooltipProvider>
 									</FormLabel>
-									<Select
+									<div className="flex flex-col gap-2">
-										onValueChange={(value) => field.onChange(value)}
+										<Select
-										value={field.value}
+											onValueChange={(value) => {
-									>
+												field.onChange(value);
-										<FormControl>
+											}}
-											<SelectTrigger>
+										>
-												<SelectValue placeholder="Select or type a cron expression" />
+											<FormControl>
-											</SelectTrigger>
+												<SelectTrigger>
-										</FormControl>
+													<SelectValue placeholder="Select a predefined schedule" />
-										<SelectContent>
+												</SelectTrigger>
-											{commonCronExpressions.map((expr) => (
+											</FormControl>
-												<SelectItem key={expr.value} value={expr.value}>
+											<SelectContent>
-													{expr.label} ({expr.value})
+												{commonCronExpressions.map((expr) => (
-												</SelectItem>
+													<SelectItem key={expr.value} value={expr.value}>
-											))}
+														{expr.label} ({expr.value})
-										</SelectContent>
+													</SelectItem>
-									</Select>
+												))}
-									<FormControl>
+											</SelectContent>
-										<Input
+										</Select>
-											placeholder="Custom cron expression (e.g., 0 0 * * *)"
+										<div className="relative">
-											{...field}
+											<FormControl>
-											className="mt-2"
+												<Input
-										/>
+													placeholder="Custom cron expression (e.g., 0 0 * * *)"
-									</FormControl>
+													{...field}
+												/>
+											</FormControl>
+										</div>
+									</div>
 									<FormDescription>
 										Choose a predefined schedule or enter a custom cron
 										expression