Cleaning the codebase

src/components/HelpPopup.tsx

@@ -28,21 +28,21 @@ export default function HelpPopup({ isOpen, onClose }: HelpPopupProps) {
     >
       <div
         className="bg-black border border-white p-8 max-w-md w-full mx-4"
-        onClick={(e) => e.stopPropagation()}
+        onClick={e => e.stopPropagation()}
       >
         <div className="flex justify-between items-start mb-6">
           <h2 className="text-xl font-bold text-white">About CoolSoup</h2>
-          <button
-            onClick={onClose}
-            className="text-white hover:text-gray-300 text-xl"
-          >
+          <button onClick={onClose} className="text-white hover:text-gray-300 text-xl">
             ×
           </button>
         </div>
 
         <div className="text-white space-y-4">
           <p>
-            CoolSoup generates visual patterns and converts them to audio through spectral/additive synthesis. Create images using mathematical expressions, waveforms, geometric patterns, or upload your own photos, then transform them into sound by treating the image as a spectrogram.
+            CoolSoup generates visual patterns and converts them to audio through spectral/additive
+            synthesis. Create images using mathematical expressions, waveforms, geometric patterns,
+            or upload your own photos, then transform them into sound by treating the image as a
+            spectrogram.
           </p>
 
           <div className="pt-4 border-t border-gray-600">
@@ -63,4 +63,4 @@ export default function HelpPopup({ isOpen, onClose }: HelpPopupProps) {
       </div>
     </div>
   )
-}
+}