Implement User Login Feature with Redux Toolkit

[wayneleon1]

What does this PR do?

This pull request implements a secure login feature using Redux Toolkit for state management and TailwindCSS for styling.

Completed Tasks:

Login Form:

• [x] Developed a login form with email and password fields .
• [x] Styled the form using TailwindCSS for responsiveness and user-friendliness .
• [x] Implemented client-side validation for email and password (.
• [x] Displayed clear error messages for invalid input .

State Management:

• [x] Utilized Redux Toolkit to manage login form state and authentication status.
• [x] Created actions and reducers for handling login requests, success, and failure .
• [x] Implemented secure storage of user authentication tokens.

API Integration:

• [x] Integrated with the backend API for user authentication .
• [x] Handled both successful and error responses from the API .

User Feedback:

• [x] Displayed loading indicators during login requests .
• [x] Provided success messages upon successful login.
• [x] Displayed error messages for incorrect login credentials .

Redirect:

• [x] Redirected authenticated users to the appropriate dashboard or home page .

Testing:

Please manually test the login functionality to ensure:

• The login form displays correctly and accepts email and password input.
• Validation works for email format and password length.
• Appropriate error messages are displayed for invalid input.
• Loading indicators appear during login requests.
• Success and error messages are shown based on API responses.
• Users are redirected to the expected page upon successful login.

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 94.20290% with 24 lines in your changes missing coverage. Please review.

Project coverage is 88.52%. Comparing base (4c0c5b6) to head (49b422a).

Files	Patch %	Lines
src/components/form/HSInput.tsx	80.55%	14 Missing :warning:
src/pages/SignIn.tsx	96.08%	7 Missing :warning:
src/features/Auth/SignInSlice.ts	98.30%	2 Missing :warning:
src/pages/SignUp.tsx	66.66%	1 Missing :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## develop #24 +/- ## =========================================== + Coverage 85.02% 88.52% +3.49% =========================================== Files 15 19 +4 Lines 828 1237 +409 Branches 61 89 +28 =========================================== + Hits 704 1095 +391 - Misses 119 138 +19 + Partials 5 4 -1 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[netlify[bot]]

✅ Deploy Preview for dynamites-ecomm-fe ready!

Name	Link
🔨 Latest commit	49b422a55ab7ed9221651d4f711f1257284bbfa8
🔍 Latest deploy log	https://app.netlify.com/sites/dynamites-ecomm-fe/deploys/667d763e1d7b960008ab8a89
😎 Deploy Preview	https://deploy-preview-24--dynamites-ecomm-fe.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 site configuration.