Add grid layout for user-list ans refactor searchbar component

[Sachin-chaurasiya]

Closes #583
I have made a couple of changes to this PR

• Refactor search to its own separate component i.e SearchBar
• Change inputText type to search

• Fixed typo for users component i.e changed user to users
• Add grid layout for user list

1. Large screen

2. Medium screen

3. Small Screen

4. Extra small

[github-actions]

It's great having you contribute to this project

Welcome to the community 🤓

If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.

[Sachin-chaurasiya]

@eddiejaoude @krishguptadev can you please review this PR?

[Vyvy-vi]

Thank you for contributing to LinkFree.
This PR adds value, however it would be appreciated if unique changes are kept to a specific PR, instead of changing multiple things in one PRs. Moreover, it's best to mention the issue to which this relates in the PR description(with the format closes #pr-number or fixes #pr-number)

[Vyvy-vi]

Looks good to me...
Though, they don't look centred in

[Sachin-chaurasiya]

Looks good to me... Though, they don't look centred in

It basically depends on your screen width size.

[Sachin-chaurasiya]

Thank you for contributing to LinkFree. This PR adds value, however it would be appreciated if unique changes are kept to a specific PR, instead of changing multiple things in one PRs. Moreover, it's best to mention the issue to which this relates in the PR description(with the format closes #pr-number or fixes #pr-number)

Done. I have linked the issue.

[Vyvy-vi]

It basically depends on your screen width size.

Hmm true, this Pr is good to go besides that one thing... That can always be fixed in a later Pr, if needed.

[Vyvy-vi]

Looks Good To Me!