Ramakrishna fix dashboard view

[Ramaruva]

Description

Or Implements # (WBS)

Related PRS (if any):

To test This PR please use latest backend development branch.
…

Main changes explained:

-Updated the header.jsx component with proper func to enhance header view for viewing user.
…

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin/owner user
5. go to dashboard→ leaderboard
6. Now click on red/green status bar of any volunteer user
7. Now it will replace the authenticated user with the respective volunteer user.
8. Now verify that you are able to see the volunteer user header only (for clarity please login in diff browser or incognito with the same volunteer account and compare the both headers in ur dashboard and another dashboard).
9. Now can please use other then admin/owner account to perform above steps except now you shouldn't able to interact with header icons with anything.

[netlify]

❌ Deploy Preview for highestgoodnetwork-dev failed.

Name	Link
🔨 Latest commit	9a96d7a
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69277a7c8997fd0008cd55e9

[sonarqubecloud]

Quality Gate passed

Issues
13 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Anusha-Gali]

Hi Ramakrishna,

I have tested this PR locally. But faced an issue when i try to use the functionality as an "Admin". Could you please check on the Admin role

Admin - Doesn't work as per the functionality i.e i am not able to see the header dashboard

Owner - Works as per the functionality i.e able to see the header dashboard

Volunteer, Mentor, Core Team, Manager - Works as per the functionality i.e to not be able to see the header dashboard

[Anusha-Gali]

Hi RamaKrishna,

I have tested your application again, the functionality does work for Admin's as well. I was getting the said permission error since i was trying to see the header of an owner account but i suppose that is blocked on purpose.
Access blocked for owner account

Access granted for non-owner account

[sonarqubecloud]

Quality Gate failed

Failed conditions
5 Security Hotspots
E Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE

[Ramaruva]

HI @one-community , @Anusha-Gali , I don't know how this PR got this many file changes and this many merge conflicts so instead of resolving this many merge conflicts , I have just created a new pr since my core logic is to change only one file i.e header.jsx and here is the updated pr
4521