Feat: Implement or Edit authentication module mobile responsiveness to match Figma design

[Jayrodri088]

Closes: #122

📝 Description

Updated the visual design and layout of the authentication module mobile responsiveness to match Figma design

🔄 Changes Made

Visual Design Updates

• Added StarkBid Logo: Integrated the company logo with purple circular background at the top of both forms
• Centered Layout: Changed text alignment from left-aligned to center-aligned for headings and descriptions
• Typography: Added font-medium weight to buttons for better visual hierarchy

UX Improvements

• Input Placeholder: Changed placeholder text from "[email protected]" to more generic "Enter email address"
• Input Text Color: Updated input text color from gray to white for better readability
• Spacing Optimization: Improved margins and padding throughout the forms for better visual balance
• Responsive Layout: Maintained responsive design while improving mobile and desktop layouts

Technical Changes

• Added Next.js Image component import for optimized logo rendering
• Updated Tailwind CSS classes for consistent styling
• Maintained all existing form validation and functionality
• Preserved all existing animations and transitions

📱 Affected Components

• SignInForm component (/auth/signin)
• AccountDetected component (/auth/signin)
• SignUp component (/auth/signup)

🎯 Design Goals Achieved

• ✅ Consistent branding with StarkBid logo placement
• ✅ Improved visual hierarchy and readability
• ✅ Better user experience with centered, clean layout
• ✅ Maintained responsive design principles
• ✅ Consistent button styling across both forms

🔍 Testing

• Verified form validation still works correctly
• Tested responsive layout on mobile and desktop
• Confirmed all navigation links function properly
• Validated animations and transitions are preserved
• Ensured logo renders correctly (requires logo.png in public folder)

[netlify]

✅ Deploy Preview for starkbid-stable ready!

Name	Link
🔨 Latest commit	42bee8d
🔍 Latest deploy log	https://app.netlify.com/projects/starkbid-stable/deploys/6890662fe95f970008633cf6
😎 Deploy Preview	https://deploy-preview-142--starkbid-stable.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for starkbid ready!

Name	Link
🔨 Latest commit	42bee8d
🔍 Latest deploy log	https://app.netlify.com/projects/starkbid/deploys/6890662ffc25da0008f0bdb5
😎 Deploy Preview	https://deploy-preview-142--starkbid.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.