improvement(scheduled-tasks): compose canonical modal separator, tidy imports

Replace the recurrence section's hand-rolled `h-px bg-[var(--border)]`
divider with the canonical ChipModalSeparator (now exported from the
chip-modal barrel) so the modal's hairline has a single source of truth.
Also unify loading.tsx icon imports onto the @/components/emcn barrel.

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-modal/recurrence-section.tsx

@@ -2,7 +2,7 @@
 
 import { useRef } from 'react'
 import { format } from 'date-fns'
-import { ChipDatePicker, ChipModalField, Switch } from '@/components/emcn'
+import { ChipDatePicker, ChipModalField, ChipModalSeparator, Switch } from '@/components/emcn'
 import type {
   Recurrence,
   RecurrenceFrequency,
@@ -128,7 +128,7 @@ export function RecurrenceSection({ recurrence, onChange, launchDate }: Recurren
 
   return (
     <div className='flex flex-col'>
-      <div className='h-px bg-[var(--border)]' />
+      <ChipModalSeparator />
       <div className='flex flex-col gap-4 px-2 pt-4 pb-4.5'>
         <ChipModalField type='custom' title='Recurring'>
           <Switch checked={isRecurring} onCheckedChange={handleRecurringToggle} />

apps/sim/app/workspace/[workspaceId]/scheduled-tasks/loading.tsx

@@ -1,7 +1,6 @@
 'use client'
 
-import { Plus } from '@/components/emcn'
-import { Calendar } from '@/components/emcn/icons'
+import { Calendar, Plus } from '@/components/emcn'
 import {
   type ChromeActionSpec,
   ResourceChromeFallback,

apps/sim/components/emcn/components/chip-modal/chip-modal.tsx

@@ -62,8 +62,12 @@ import { Loader } from '@/components/emcn/icons'
 import { cn } from '@/lib/core/utils/cn'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
 
-/** Shared inset separator used by the header and footer edges. */
-function ChipModalSeparator({ className }: { className?: string }) {
+/**
+ * The modal's hairline divider — used by the header and footer edges, and
+ * exported so body sections (e.g. a settings band below a prompt) can draw the
+ * same line instead of re-deriving the `h-px bg-[var(--border)]` string.
+ */
+export function ChipModalSeparator({ className }: { className?: string }) {
   return <div className={cn('h-px bg-[var(--border)]', className)} />
 }
 

apps/sim/components/emcn/components/index.ts

@@ -53,6 +53,7 @@ export {
   ChipModalPromptBody,
   type ChipModalPromptBodyProps,
   type ChipModalProps,
+  ChipModalSeparator,
   type ChipModalTab,
   ChipModalTabs,
   type ChipModalTabsProps,