feat: Login feature

[NarendraKoya999]

Closes Issue Number #479

Description about Pull Request What I did changes Made?

• Created LoginPage.jsx, LoginPage.css Files and Auth , LoginPage Folders.
• In Auth(Parent Folder), Created Sub-Folder Named LoginPage.
• In LoginPage Folder, Created LoginPagejsx, LoginPage.css Files.
• In Homepage.js File, Made Some Modifications according Login Page Feature Section.

Brief Description of Above Files Step by step:

LoginPage.jsx File: The code I have provided is a React component for a login page. It includes a form with three input fields for the username, password, and remember me checkbox. It also includes a submit button and an error message if there is an error. The component uses the useState hook to track the state of the form fields and the error message. The Password strength Check, handleUsernameChange, handlePasswordChange, and handleRememberMeChange functions are used to update the state of the form fields when the user changes them. The handleSubmit function is used to submit the form data to the server. The error message is displayed if there is an error from the server.

LoginPage.css File: The code I have provided is a CSS stylesheet for a login page. It defines the styles for the login card, which includes the form, labels, inputs, and submit button. The login card has a maximum width of 400px and is centered on the page. The form is displayed in a flexbox layout with the labels on the left and the inputs on the right. The labels have a margin-bottom of 10px and the inputs have a width of 100%, padding of 10px, and a border. The submit button has a background color of #007bff, a color of #fff, and a border radius of 4px. The error message is displayed in red and has a margin-top of 10px.
Remaining In AllRoutes.js and Homepage.js Files, some modifications Updated related to Above Two Files

For Reviewers:

• Please Check above Code related to My Issue Requests [FEATURE] : Add Sign-in OR and Login Feature for All Games #479.
• Currently, Medium Level of Code Implemented for login Feature for all Games
• I have not required Strong Knowledge on Backend Related Things like Tokens, Catches, End Point URL for according to Project requirements and It's Security related ones
• But, Proper Backend Server Related Code needs for my LoginPage Component and It's Features Works Properly.

[netlify]

❌ Deploy Preview for harmonious-stardust-e06cab failed.

Name	Link
🔨 Latest commit	033d7a5
🔍 Latest deploy log	https://app.netlify.com/sites/harmonious-stardust-e06cab/deploys/64a514fc7d47c6000870c4de

[NarendraKoya999]

Hi @panwar8279 . I faced Server Related Conflicts . These Resolving Conflicts are not in My Hand . Please Help me that Point related.