Add icons to login and signup pages (Anjaliavv51#518)

<!-- ISSUE & PR TITLE SHOULD BE SAME-->
## Description
Added images and icons to the signup and login cards

## Related Issues

<!--Cite any related issue(s) this pull request addresses. If none,
simply state “None”-->
- Closes  Anjaliavv51#420

## Type of PR
<!-- Mention PR Type according to the issue in brackets below and check
the below box -->
- [X] (Feature)

## Screenshots / videos (if applicable)
<!--Attach any relevant screenshots or videos demonstrating the
changes-->


https://github.com/user-attachments/assets/0e9bc11f-fd83-4e32-bf4a-6c7bc53dba08


![Screenshot
(1116)](https://github.com/user-attachments/assets/a6570583-1777-420a-ad06-6ef0830875cf)



## Checklist
<!-- [X] - put a cross/X inside [] to check the box -->
- [X] I have gone through the [contributing
guide](https://github.com/Anjaliavv51/Retro)
- [X] I have updated my branch and synced it with project `main` branch
before making this PR
- [X] I have performed a self-review of my code
- [X] I have tested the changes thoroughly before submitting this pull
request.
- [X] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [X] I have commented my code, particularly in hard-to-understand
areas.

Html-files/login.html

@@ -148,10 +148,14 @@
       <div class="container">
         <div class="card">
           <div class="front" style="align-content: center;font-family: var(--ff-philosopher);">
+          <img src="../Images/Loginsave.png" alt="Icon" style="width: 150px; height: auto; margin: 20px auto 20px; display: block;">
            <b style="transform: rotate(360deg);font-size: 30px;color: hsl(203, 30%,26%);"> Login to Save your Data!</b>
           </div>
           <div class="back" style="align-content: center;font-family: var(--ff-philosopher);background-color: transparent;color: hsl(203, 30%,26%);">
-            <b style="font-size: 40px;">Login Here</b>  <br> Vinatge Collection is<br> waiting for You
+            <img src="../Images/Login.png" alt="Icon" style="width: 100px; height: auto;  display: block;">
+            <b style="font-size: 50px; margin-top: -50px;">Login Here
+            </b>
+            <b style="font-size: 20px; display: block; margin-top: -70px;">Vintage Collection is waiting for You</b>
           </div>
         </div>
       </div>

Html-files/signup.html

@@ -220,6 +220,7 @@
         <div class="left-login">
           <div class="area">
             <div class="way"></div>
+            <img src="../Images/signup.png" alt="Icon" style="width: 100px; height: auto; margin: 20px auto 20px; display: block;">
             <div class="way"></div>
             <div class="way"></div>
             <div class="way"></div>