Fix lint errors and formatting

Author: 0xi4o

src/components/Bot.tsx

@@ -1936,8 +1936,8 @@ export const Bot = (botProps: BotProps & { class?: string }) => {
         URL.revokeObjectURL(currentState.audio.src);
       }
       // Remove all event listeners
-      currentState.audio.removeEventListener('playing');
-      currentState.audio.removeEventListener('ended');
+      currentState.audio.removeEventListener('playing', () => console.log('Playing'));
+      currentState.audio.removeEventListener('ended', () => console.log('Ended'));
     }
 
     if (currentState.sourceBuffer) {

src/components/buttons/TTSButton.tsx

@@ -19,7 +19,9 @@ export const TTSButton = (props: Props) => {
 
   return (
     <button
-      class={`py-2 px-2 justify-center font-semibold text-white focus:outline-none flex items-center disabled:opacity-50 disabled:cursor-not-allowed transition-all filter hover:brightness-90 active:brightness-75 ${props.class ?? ''}`}
+      class={`py-2 px-2 justify-center font-semibold text-white focus:outline-none flex items-center disabled:opacity-50 disabled:cursor-not-allowed transition-all filter hover:brightness-90 active:brightness-75 ${
+        props.class ?? ''
+      }`}
       style={{
         background: 'transparent',
         border: 'none',

src/components/icons/XIcon.tsx

@@ -7,7 +7,7 @@ export const XIcon = (props: JSX.SvgSVGAttributes<SVGSVGElement> & { isCurrentCo
     height="24"
     viewBox="0 0 24 24"
     fill="none"
-    stroke={props.isCurrentColor ? 'currentColor' : (props.color ?? defaultButtonColor)}
+    stroke={props.isCurrentColor ? 'currentColor' : props.color ?? defaultButtonColor}
     stroke-width="2"
     stroke-linecap="round"
     stroke-linejoin="round"