Update UI and Styling for Contact Management App

[mawalou14]

Closes: #823

• Title: Update UI and Styling for Contact Management App
• Name: Mouhamadou Awalou
• Idenitfy yourself: Contributor in Hacktoberfest

Describe the add-ons or changes you've made 📃

In this contribution, I have updated the UI and styling of the Contact Management App located in the advanced section of the Angular-js projects. The changes include improved visual elements for better user experience, including a responsive layout, updated color schemes, and enhanced component styling.
Also, updated the readme.md file of this project by replacing the screenshots with the new look.

Screenshots 📷

Type of change ☑️

What sort of change have you made:

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Code style update (formatting, local variables)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist: ☑️

• My code follows the Contributing Guidelines & Code of Conduct of this project.
• This PR does not contain plagiarized content.
• I have performed a self-review of my own code.
• I have commented my code, particularly wherever it was hard to understand.
• My changes generate no new warnings.

Note to reviewers 📄

Please review the UI changes and provide feedback on the overall design and usability improvements. I appreciate your input!. The background image used is a free picture downloaded from freepik.com.

[vercel]

@mawalou14 is attempting to deploy a commit to the avdheshvarshney's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your pull request! We'll review it as soon as possible. For further communication, join our discord server https://discord.gg/tSqtvHUJzE.

[Avdhesh-Varshney]

Delete all the .angular cache files and other any un-necessary files.

[Avdhesh-Varshney]

Can you tell what you have improved except bg addition?

[mawalou14]

Can you tell what you have improved except bg addition?

I've made serceral improvements beyond just adding the background image. Here are the changes and improvements I made:

• Added toastr notifications for all operations ( Add, Update, Delete).
• Updated the subscription syntax to follow best practices.
• Removed unnecessary full-page reloads by notifying the contact list component via the contact service, ensuring smooth updates.
• Added meaningful comments to help other developers understand the changes.
• Improved UI layout by making the header fixed and placing the search bar in the header.
• Added a "No contact found" message when the contact list is empty.
• Updated the README.md for better documentation and understanding.

[mawalou14]

Delete all the .angular cache files and other any un-necessary files.

Hi @Avdhesh-Varshney. Done, I've pushed the requested changes, and all feedback has been implemented.