feat: create header, categoryBar, and categoryButton components

[gurtatiLND]

What type of PR is this? (check all applicable)

• Refactor
• Feature
• Bug Fix
• Optimization
• Documentation Update

Description

1. Header Component

• Adds a Header component with:
  • An app name (<h1>) and a question mark button on the left (reserved for future functionality).
  • An image on the right side.
  • Full integration of the reusable ImageComponent into the Header.
  • Ensuring compatibility with the latest next/image API.
  • Adding explicit parent dimensions for proper fill behavior.

2. Styling Improvements

• Refactors long Tailwind class strings into reusable variables for cleaner and more maintainable styling.

3. Create and then Delete CategoryButton Component

4. CategoryBar Component

• Implements a CategoryBar component that uses the Button component to render a list of category buttons dynamically and now they can be chosen

5. Global CSS Updates

• Adds a reusable header class in global.css with:
  • background: Defines the header background styling.
  • border-bottom: Adds a bottom border to the header for visual separation.

6. Create ImageComponent:

• Refactored to align with the updated next/image API:
  • Replaced legacy properties like objectFit with style={{ objectFit: 'cover' }}.
  • Added support for the sizes prop to enhance image loading efficiency.
• Implemented conditional styling for rounded images via the rounded prop.

Screenshots

UI accessibility checklist

If your PR includes UI changes, please utilize this checklist:

• Semantic HTML implemented?
• Checked with axe DevTools and addressed Critical and Serious issues?
• Color contrast tested?

Added/updated tests?

Please aim to keep the code coverage percentage at 80% and above.

• Yes
• No, and this is why: I still don't have(don't know how) any test in my code
• I need help with writing tests

What gif best describes this PR or how it makes you feel?

[maxitect]

Suggest a few minor changes and discussion points

[maxitect]

Sorry a few more changes, I think there are a few instances of redundant comments, I've marked them up and you can commit them directly from github if you agree. Also there is a merge conflict that needs to be resolved, as soon as those are all addressed I can approve and merge! :)