lint fix

Author: Thomas Wang

packages/webview-common/src/components/wordInput.tsx

@@ -2,7 +2,7 @@ import { AnimatePresence, motion } from 'motion/react';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { cn } from '@hotandcold/webview-common/utils';
 import { PrimaryButton } from './button';
-import { useWordSubmission } from '@hotandcold/classic-webview/src/hooks/useGame';
+import { useWordSubmission } from '@hotandcold/classic-webview/src/hooks/useWordSubmission';
 
 type PixelData = {
   x: number;
@@ -12,11 +12,27 @@ type PixelData = {
 };
 
 // Spinning loading indicator component
-const SpinningCircle = ({ className = "h-5 w-5 text-white" }: { className?: string }) => (
-  <div className="flex items-center justify-center h-5 w-5">
-    <svg className={`animate-spin ${className}`} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-      <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
-      <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+const SpinningCircle = ({ className = 'h-5 w-5 text-white' }: { className?: string }) => (
+  <div className="flex h-5 w-5 items-center justify-center">
+    <svg
+      className={`animate-spin ${className}`}
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+    >
+      <circle
+        className="opacity-25"
+        cx="12"
+        cy="12"
+        r="10"
+        stroke="currentColor"
+        strokeWidth="4"
+      ></circle>
+      <path
+        className="opacity-75"
+        fill="currentColor"
+        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+      ></path>
     </svg>
   </div>
 );