[Frontend] Implementing badge related pages

[berkaydoner]

We need to implement the badge functionality in our frontend application. I think we will need a component for displaying individual badges with their names and icons and a component for displaying the list of selectable badges for badge selection. We might also use the design of this list component in the profile pages of users to display their badges.

[berkaydoner]

I have implemented this feature with various pages. In the profile page, badges are fetched and displayed in a grid. If a user viewing another user's profile is able to give a badge to the user, a button is shown and this button leads to a grid of related events. The user can give a badge for each of these events by opening the badge selection page.

[berkaydoner]

I have also connected this feature to the backend server by following the API documentation. Pull request for this task is #320.

[berkaydoner]

Pull request is merged and closed, I am closing the issue.