Make the Copyright year dynamic #311 (#635)

<!-- ISSUE & PR TITLE SHOULD BE SAME-->
## Description
I have made the Copyright year dynamic. When the year changes it
automatically gets updated to the present year. Earlier it was static to
be 2024 only.

## Related Issues

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

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

## Screenshots / videos (if applicable)

<!--Attach any relevant screenshots or videos demonstrating the
changes-->
i changed the year on my system
<img width="216" alt="374673576-b6e1635f-9b2b-45e8-8579-e020495740aa"
src="https://github.com/user-attachments/assets/db7478d6-56c4-4a6a-9587-eb499997fc2d">


and the change is reflectd here, automatically
<img width="633" alt="374673580-8adc66e1-6ddf-4e80-8ba9-1d84e43e4460"
src="https://github.com/user-attachments/assets/790fa183-af2f-4036-a2cd-8988ef717d38">




## 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.

index.html

@@ -1187,7 +1187,7 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
                     </p>
                     <div class="copyright" style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: black;">
 
-                        &copy; 2024 Retro . All Rights Reserved. | Developed by <span id="author">
+                        &copy;<span id="copyright"></span> Retro . All Rights Reserved. | Developed by <span id="author">
                             <a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
                     </div>
                     <div>
@@ -1359,4 +1359,8 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow
 <script>
     AOS.init();
   </script>
+
+<script>
+    document.getElementById("copyright").textContent = new Date().getFullYear();
+</script>  
 </html>