Redesign the users organisation dashboard based on new figma design

[nihal467]

Describe the bug

Redesign the user's organisation dashboard based on the new Figma design (https://www.figma.com/design/Z93EYKSa1MdBmXndsMBJSQ/Care?node-id=9717-2482&t=YHHDkQltmZ2bBTJK-1)

Note: The views for my facility, association, and administration sections should be included in the related PR

Screenshot

---

🚨 DO NOT EDIT BELOW THIS LINE 🚨

Instructions for Requesting Assignment:

To request assignment, please clearly outline your solution and timeline by commenting on the issue using the format below:

Describe your solution clearly:
Provide a detailed explanation of your proposed solution, including your approach, key implementation steps, and relevant examples or references. Mention any dependencies, assumptions, or risks you foresee that might affect your timeline or implementation.

Expected Timeline:

• End date: [Expected submission date of a completed Pull Request]

Additional Context:
Include any other relevant context, links, screenshots, or resources that support your proposed solution.

🚨 Your assignment may be unassigned if there is no activity or progress within the stated timeline unless communicated clearly and agreed upon.

[YourBroCode]

Nihal , I would like to work on it
ETA : 2-3 days

[siva222003]

@nihal467 can you assign this to me.

ETA: 3-4 days

[Spandan-Mishra]

@nihal467 I would like to work on this
ETA: 2 Days

Approach:

This is the overview of the changes which are to be made.

• Dashboard and Edit profile moved to right side
• The role in which the user is logged in.
• In original design orgs and facilities are in one page. In the new design they will be divided into three sections, which can be selected

1. Facilities where the user belongs or manages.
2. Associations of the user with role based groups.
3. Administrations or groups the user is affiliated with.

[Vikaspal8923]

@nihal467 @Jacobjeevan I would like to work on this.

ETA: 2 days

Approach:

-I have review figma design .

-First section: Contains two containers:
----The first container having more container or section to includes doctor information, admin button, edit profile, etc same section use before just change the ui according to new figma design.
-----The second container displays "You are logged in as a doctor. this is the new section added that is not in the prev design i will add this part according to the figma"
-Second section: As new design Includes views for My Facility, Association, and Administration sections very different from prev design . i will recode the the this whole part with some prev code

these are some basic approach that i will going to use but there will be more thing that i will considered during design

[SangaviGR]

Hey @nihal467,

I'd love to take up Issue #11016 - Redesign the User's Organization Dashboard based on the new Figma design.

Proposed Solution

• Add Facilities, Associations, and Administration sections as per the new design.
• Update navigation and ensure smooth routing between sections.
• Maintain UI consistency and responsiveness.
• Fetch and display data correctly for all sections.

Timeline

Expected PR Submission: 9th March

Let me know if anything specific needs to be considered. Looking forward to contributing! 🚀

Thanks! 😊

[NOOB-3301]

@nihal467 I want to work on this issue

Solution / Approach :

• Redesign the UserDashboard.tsx component : divide the main container into two parts one for the user header (includes name and user related controls) and other for the tabs i.e My Facility, Association, and Administration
• On the tabs part there can also be add small hover scale up animations , on the each card components

ETA: 6-7th march

Question regarding the figma Design:

• In the figma there is a associations tab , now when i am console logging the user data , i am not getting any association property. How should i include this. are those changes already done from backend or i am missing something ? please let me know.

• Also you have asked to complete the views for all the tabs but in the figma link you provided, only dashboard designs are provided. And in the itration 3 page facility designs are provided .

SS:

No association property in the user data

[vishaljoshi789]

hey @nihal467, can you assign this issue to me.
ETA - 2 days.

[Jacobjeevan]

@Spandan-Mishra Assigned.