Add ESLint back into CI pipeline

app/components/Input.tsx

@@ -151,13 +151,12 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
      `.trim();
 
     // Form field handlers with disabled state handling
-    const { handleChange, handleFocus, handleBlur } = useFormField<
-      HTMLInputElement
-    >(disabled, {
-      onChange,
-      onFocus,
-      onBlur,
-    });
+    const { handleChange, handleFocus, handleBlur } =
+      useFormField<HTMLInputElement>(disabled, {
+        onChange,
+        onFocus,
+        onBlur,
+      });
 
     return (
       <div className={containerClasses}>

app/components/NumberedCard.tsx

@@ -10,25 +10,23 @@ interface NumberedCardProps {
   iconColor?: string;
 }
 
-const NumberedCard = memo<NumberedCardProps>(
-  ({ number, text }) => {
-    return (
-      <div className="bg-[var(--color-surface-inverse-primary)] rounded-[12px] p-5 shadow-lg flex flex-col gap-4 sm:p-8 sm:gap-8 sm:flex-row sm:items-center lg:p-8 lg:gap-0 lg:flex-row lg:items-stretch lg:relative lg:h-[238px]">
-        {/* Section Number - Top right (lg breakpoint) */}
-        <div className="flex justify-end sm:justify-start sm:flex-shrink-0 lg:absolute lg:top-8 lg:right-8">
-          <SectionNumber number={number} />
-        </div>
-
-        {/* Card Content - Bottom left (lg breakpoint) */}
-        <div className="sm:flex-1 lg:absolute lg:bottom-8 lg:left-8 lg:right-16">
-          <p className="font-bricolage-grotesque font-medium text-[24px] leading-[32px] sm:font-normal sm:leading-[24px] sm:text-[24px] lg:text-[24px] lg:leading-[24px] xl:text-[32px] xl:leading-[32px] text-[#141414]">
-            {text}
-          </p>
-        </div>
+const NumberedCard = memo<NumberedCardProps>(({ number, text }) => {
+  return (
+    <div className="bg-[var(--color-surface-inverse-primary)] rounded-[12px] p-5 shadow-lg flex flex-col gap-4 sm:p-8 sm:gap-8 sm:flex-row sm:items-center lg:p-8 lg:gap-0 lg:flex-row lg:items-stretch lg:relative lg:h-[238px]">
+      {/* Section Number - Top right (lg breakpoint) */}
+      <div className="flex justify-end sm:justify-start sm:flex-shrink-0 lg:absolute lg:top-8 lg:right-8">
+        <SectionNumber number={number} />
       </div>
-    );
-  },
-);
+
+      {/* Card Content - Bottom left (lg breakpoint) */}
+      <div className="sm:flex-1 lg:absolute lg:bottom-8 lg:left-8 lg:right-16">
+        <p className="font-bricolage-grotesque font-medium text-[24px] leading-[32px] sm:font-normal sm:leading-[24px] sm:text-[24px] lg:text-[24px] lg:leading-[24px] xl:text-[32px] xl:leading-[32px] text-[#141414]">
+          {text}
+        </p>
+      </div>
+    </div>
+  );
+});
 
 NumberedCard.displayName = "NumberedCard";
 

app/components/RelatedArticles.tsx

@@ -108,7 +108,7 @@ const RelatedArticles = memo<RelatedArticlesProps>(
     }
 
     return (
-      <section 
+      <section
         className="py-[var(--spacing-scale-032)] lg:py-[var(--spacing-scale-064)]"
         data-testid="related-articles"
       >

app/components/TextArea.tsx

@@ -155,13 +155,12 @@ const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
      `.trim();
 
     // Form field handlers with disabled state handling
-    const { handleChange, handleFocus, handleBlur } = useFormField<
-      HTMLTextAreaElement
-    >(disabled, {
-      onChange,
-      onFocus,
-      onBlur,
-    });
+    const { handleChange, handleFocus, handleBlur } =
+      useFormField<HTMLTextAreaElement>(disabled, {
+        onChange,
+        onFocus,
+        onBlur,
+      });
 
     return (
       <div className={containerClasses}>