refactor(auth): use Spinner in Google login

- Replaced custom inline spinner with `Spinner` component in Google sign-in button.
- Added `role="status"` to `Spinner` component for better accessibility.
- Removed unnecessary `pnpm-lock.yaml` file.

Author: google-labs-jules[bot]

web/components/ui/Spinner.tsx

@@ -13,6 +13,7 @@ export const Spinner: React.FC<SpinnerProps> = ({ className = '', size = 18, ari
       className={`animate-spin ${className}`}
       size={size}
       aria-label={ariaLabel}
+      role="status"
     />
   );
 };

web/pages/Auth.tsx

@@ -3,6 +3,7 @@ import { ArrowRight, CreditCard, Sparkles } from 'lucide-react';
 import React, { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Button } from '../components/ui/Button';
+import { Spinner } from '../components/ui/Spinner';
 import { Input } from '../components/ui/Input';
 import { THEMES } from '../constants';
 import { useAuth } from '../contexts/AuthContext';
@@ -170,11 +171,7 @@ export const Auth = () => {
                 }`}
             >
               {googleLoading ? (
-                <div 
-                  className="w-5 h-5 border-2 border-black/20 border-t-black rounded-full animate-spin"
-                  role="status"
-                  aria-label="Signing in with Google"
-                />
+                <Spinner size={20} ariaLabel="Signing in with Google" />
               ) : (
                 <svg className="w-5 h-5" viewBox="0 0 24 24" role="img" aria-labelledby="google-logo-title">
                   <title id="google-logo-title">Google logo</title>