[Frontend] Implement Glossary Page for Tag Subtypes

[asligook]

📌 Implement a Feature

🏡 Component

• Frontend

📚 Description

• There are 4 subtypes of tags in our system which are:
  - Programming Language
  - Programming Paradigm
  - Computer Science Topic
  - Software Library
• In the Glossary page we will have 4 cards for 4 tag subtypes respectively.
• This task is essential for highlighting the purpose of application which is building a programming language community.

📋 Acceptance Criteria

• The tag subtype cards are displayed in the Glossary page.
• Tag subtype cards will be redirect user to the related tag subtype page includes description and related tags.
• Unit tests for the Glossary page are written. Tests must include these :
  - Tag subtype cards are rendered on the Glossary page.
  - Related tag subtypes, their descriptions and tags will be rendered when clicked on the view tag subtype.

📃 Related requirements

Link to section

• 1.7.1. The Glossary Page shall be accessible from the navigation bar for all Users.
  • 1.7.2. The page shall display information about Tag Types.
  • 1.7.3. Each tag type will have the following:
  • 1.7.3.1. Tag Type Name: The name of the tag type (e.g., Programming Language, Programming Paradigm).
  • 1.7.3.2. Short Information: A brief description of the tag type.
  • 1.7.3.3. Tag Count: The total number of tags under this category.

📅 Deadline

• Estimated hours of work: 1 day
• Implementation Deadline: 15 December
• Review Deadline: December 15

👁‍🗨 Reviewer

@mmtftr , @NazireAta

[asligook]

After the clarification made by the instructor and the discussion held with @mmtftr , I have updated this existing issue to reflect the needs of our application better, working on it.

[asligook]

Closed by #694