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"}
                 >