fix(spinner): wrong prop logic

The `animate` prop of the spinner component was previously named as
`disableAnimation`, and probably during rename, its logic wasn't
inverted. So this commit adjusts the logic and animate has the correct
and expected behavior.

Author: Arthurk12

src/components/Spinner/component.tsx

@@ -9,7 +9,7 @@ import { SpinnerProps } from './types';
  * @component
  * @param {number|string} [size=48] - The width and height of the spinner. Accepts a number (pixels) or a CSS string (e.g., '2rem', '24px').
  * @param {number} [strokeWidth=4] - The thickness of the spinner stroke.
- * @param {boolean} [animate=false] - If true, disables the animation.
+ * @param {boolean} [animate=true] - If false, disables the animation.
  * @returns {JSX.Element} The rendered spinner component.
  *
  * @example
@@ -22,17 +22,17 @@ import { SpinnerProps } from './types';
 const Spinner: React.FC<SpinnerProps> = ({
   size = 48,
   strokeWidth = 4,
-  animate = false,
+  animate = true,
 }) => {
   return (
-    <Styled.Wrapper $size={size} role="progressbar" aria-label="Loading" aria-busy={!animate}>
-      <Styled.StyledSvg viewBox="0 0 50 50" $animate={!animate} focusable="false" aria-hidden="true">
+    <Styled.Wrapper $size={size} role="progressbar" aria-label="Loading" aria-busy={animate}>
+      <Styled.StyledSvg viewBox="0 0 50 50" $animate={animate} focusable="false" aria-hidden="true">
         <Styled.Path
           className="path"
           cx="25"
           cy="25"
           r="20"
-          $animate={!animate}
+          $animate={animate}
           $strokeWidth={strokeWidth}
         />
       </Styled.StyledSvg>