remove unused SectionCard

Author: charlesvien

packages/ui/src/features/loops/components/LoopFormPrimitives.tsx

@@ -32,47 +32,3 @@ export function Field({
     </Flex>
   );
 }
-
-/**
- * One section of the loop form, rendered as a titled card with a leading icon
- * so the long form reads as distinct, scannable groups rather than a flat
- * stack.
- */
-export function SectionCard({
-  icon,
-  title,
-  description,
-  children,
-}: {
-  icon: ReactNode;
-  title: string;
-  description?: string;
-  children: ReactNode;
-}) {
-  return (
-    <Flex
-      direction="column"
-      gap="4"
-      className="rounded-(--radius-3) border border-border bg-(--color-panel-solid) p-4"
-    >
-      <Flex align="center" className="gap-2.5">
-        <Flex
-          align="center"
-          justify="center"
-          className="size-7 shrink-0 rounded-(--radius-2) bg-(--gray-3) text-gray-11"
-        >
-          {icon}
-        </Flex>
-        <Flex direction="column" className="min-w-0">
-          <Text className="font-medium text-[13px] text-gray-12">{title}</Text>
-          {description ? (
-            <Text className="text-[12px] text-gray-10 leading-snug">
-              {description}
-            </Text>
-          ) : null}
-        </Flex>
-      </Flex>
-      {children}
-    </Flex>
-  );
-}