Implement the category page (dynamic) + header section

[pawan-live]

Task Summary

• This is the view for an individual main category
• It contains links to sub categories within that main category
• This will be a dynamic page template, should use nextjs dynamic route
• Nest this under the route "categories" (see example below)
• The available routes/pages will be pre-defined (for now use a JSON file, later we'll use the API to get that data)
• The header section title and subtitle will be dynamic too (fetch it from the JSON file for now)

ex:
/[example-category] => this will find the relevant data from the JSON relevant to "example-category" route name and the page will show that data

---

Acceptance Criteria

• Follow design specification
• Should be mobile responsive on "md" breakpoint
• The route should be dynamic, the url slug will decide which page to load
• Fetch relevant title & description for the header from the JSON file
• If the slug doesnt match anything given on the pre-defined JSON file, show a text "No category named {slug name}" and show a button to go back to homepage

---

Design files:

• desktop
• mobile

---

Additional Information

Desktop

Mobile

[prb-dev]

I can take this