added lozenge and leaderboard tab

[mishramonalisha76]

Pull Request Template

Ticket Number

• Ticket Number

Description

• Problem/Feature:
  • Added lozenge component in design system
  • Added the routes for rewards page
  • Corrected the bg color of sidebar menu
  • Added responsive box styling in the header rewards icon
  • Corrected Activities spelling
  • Dark mode implementation for leaderboard adn lozenge
  • changed the heading as per design for different tabs
  • Changed the masterInterface, header and navbar background color

Type of Change

• [ ] Bug fix
• [ ] New feature
• [ ] Code refactor
• [ ] Documentation update
• [ ] Other (please describe):

Checklist

• [ ] Quick PR: Is this a quick PR? Can be approved before finishing a coffee.
  • [ ] Quick PR label added
• [ ] Not Merge Ready: Is this PR dependent on some other PR/tasks and not ready to be merged right now.
  • [ ] DO NOT Merge PR label added

Frontend Guidelines

• [ ] Followed frontend guidelines as per the Guidelines Notion Doc

Build & Testing

• [ ] No errors in the build terminal
• [ ] Engineer has tested the changes on their local environment
• [ ] Engineer has tested the changes on deploy preview

Screenshots/Video with Explanation

• Before: Explain the previous behavior

• After: What's changed now

• 

Demo link

Additional Context

Review & Approvals

• [ ] Self-review completed
• [ ] Code review by at least one other engineer
• [ ] Documentation updates if applicable

Notes

[github-actions[bot]]

In the Star.tsx file:

1. The width="inherit" attribute in the <svg> element should be replaced with an actual width value like 24px.
2. In the FlattenSimpleInterpolation type definition in the Lozenge.constants.tsx, there is a typo in leading-trim and text-edge, which should be replaced with line-height and text-align respectively.

In the Rewards.constants.ts file:

1. The rewardsTabsList array is missing proper array item syntax. It should be an array of objects with key-value pairs.

In the Rewards.tsx file:

1. The locationArray split logic might not work as expected. Consider updating it to extract the correct tab information.

Other than the mentioned points, the code structure and logic seem fine.

Overall, after addressing the mentioned issues, the code looks good.

[github-actions[bot]]

All looks good.

[github-actions[bot]]

All looks good.

[github-actions[bot]]

All looks good.

[github-actions[bot]]

All looks good.

[github-actions[bot]]

All looks good.

[github-actions[bot]]

The code looks good.

[github-actions[bot]]

I found a few mistakes and issues in the provided code snippets:

1. In the file src/App.tsx:

   • In the SpacesUIProvider component, there is a syntax error. The component is not closed properly after providing the theme prop.

2. In the file src/blocks/lozenge/Lozenge.constants.tsx:

   • There is a duplicate parameter iconOnly?: boolean;. Remove one of these to avoid the duplication.

3. In the same file src/blocks/lozenge/Lozenge.constants.tsx:

   • The comment note: - add medium small and large sizes is not properly formatted and might cause confusion.

4. There seems to be missing content in the file src/blocks/lozenge/Lozenge.tsx. It is an empty file.

5. In general, ensure consistent code formatting and commenting styles throughout the codebase.

After fixing the above issues, the code looks good. If you have any specific concerns or need further assistance, feel free to ask.

[github-actions[bot]]

All looks good.

[github-actions[bot]]

All looks good.

[github-actions[bot]]

All looks good.