linter issues

src/app/components/BackgroundPattern.tsx

@@ -124,7 +124,7 @@ export default function MultiIconPattern({ opacity = 0.2, spacing = 160 }) {
       for (let x = 0; x < columns; x++) {
         // Pick a random icon component from the array
         const randomIndex = Math.floor(Math.random() * iconComponents.length);
-        const IconComponent = iconComponents[randomIndex]!;
+        const IconComponent = iconComponents[randomIndex];
 
         // Slightly randomize size and position for more organic feel
         const size = 28 + Math.floor(Math.random() * 8);

src/app/components/FireCalculatorForm.tsx

@@ -648,7 +648,7 @@ export default function FireCalculatorForm() {
               )}
               {result && (
                 <Button
-                  onClick={() => setShowing4percent(!showing4percent)}
+                  onClick={() => { setShowing4percent(!showing4percent); }}
                   variant={showing4percent ? "secondary" : "default"}
                   size={"sm"}
                 >

src/components/ui/chart.tsx

@@ -20,9 +20,9 @@ export type ChartConfig = Record<
   )
 >;
 
-type ChartContextProps = {
+interface ChartContextProps {
   config: ChartConfig;
-};
+}
 
 const ChartContext = React.createContext<ChartContextProps | null>(null);
 

src/components/ui/form.tsx

@@ -18,12 +18,12 @@ import { Label } from "@/components/ui/label";
 
 const Form = FormProvider;
 
-type FormFieldContextValue<
+interface FormFieldContextValue<
   TFieldValues extends FieldValues = FieldValues,
   TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
-> = {
+> {
   name: TName;
-};
+}
 
 const FormFieldContext = React.createContext<FormFieldContextValue>(
   {} as FormFieldContextValue,
@@ -61,9 +61,9 @@ const useFormField = () => {
   };
 };
 
-type FormItemContextValue = {
+interface FormItemContextValue {
   id: string;
-};
+}
 
 const FormItemContext = React.createContext<FormItemContextValue>(
   {} as FormItemContextValue,
@@ -110,7 +110,7 @@ function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
       id={formItemId}
       aria-describedby={
         !error
-          ? `${formDescriptionId}`
+          ? formDescriptionId
           : `${formDescriptionId} ${formMessageId}`
       }
       aria-invalid={!!error}