Header of the DApp

[MoeNick]

Design:

https://www.figma.com/design/tP7Arb2C8aDB05wCVxVVSB/Pairwise-RF6--%3E-Voting-App?node-id=847-72815&t=YULRHcxIjN0cH8Gc-4

Success Criteria

• address of the user and the log functionality when the user is connected - Log out will also disconnect the sure and redirect them to the splash page. Find the log-out design here

• Badges guide. when the user clicks on the badge icon, we show them in a modal. Link to design / Link to badges component
  

• Report an issue will open a new tab and raise an issue with this template
  https://github.com/GeneralMagicio/pairwise-rf6/issues/new?assignees=MoeNick&labels=&projects=&template=report-an-issue.md&title=%5BFeedback%5D+

• When the user is in the Pairwise comparisons, we add the question and the category name to the header as well.

• Responsive guide it should merge the badges and logout in a burger menu if the screen is not wide enough.

[MoeNick]

@mmahdigh Im not sure who to assign, please feel free to assign or take it.

[MoeNick]

@maryjaf FYI for test cases

[MoeNick]

I assigned it to you @Meriem-BM
CC: @mmahdigh

[Meriem-BM]

@maryjaf, @MoeNick this one is ready for test

[maryjaf]

• When the user is in the Pairwise comparisons, we add the question and the category name to the header as well.

Design:

• 1- The header in comparison page isn't based the figma

---

in allocation page the header is correct

[maryjaf]

• Responsive guide it should merge the badges and logout in a burger menu if the screen is not wide enough.

Responsive:

• 2-Is this accepted? it isn't exactly based on figma @MoeNick @Meriem-BM

[maryjaf]

Design:

https://www.figma.com/design/tP7Arb2C8aDB05wCVxVVSB/Pairwise-RF6--%3E-Voting-App?node-id=847-72815&t=YULRHcxIjN0cH8Gc-4

only in comparison flow the header should be like as below pic @Meriem-BM

cc: @MoeNick

[Meriem-BM]

Design:

https://www.figma.com/design/tP7Arb2C8aDB05wCVxVVSB/Pairwise-RF6--%3E-Voting-App?node-id=847-72815&t=YULRHcxIjN0cH8Gc-4

only in comparison flow the header should be like as below pic @Meriem-BM

cc: @MoeNick

I might misunderstood, so I removed this, will re-add it

[Meriem-BM]

I might misunderstood, so I removed this, will re-add it

I re-implemented, you can check now @maryjaf