[FEAT] Super Admin Nav Bar Component

[SirhmVFX]

Description

Implement the Super Admin Nav Bar using ShadCN UI components. The Nav Bar should adhere strictly to the design specifications provided. Below are the detailed instructions and requirements.

Requirements:

1. UI Components:

   • Use ShadCN UI components for consistency.
   • Ensure all components match the design specifications provided.

2. Design Specifications:

   • Refer to the provided design for dimensions, colors, and layout.
   • Include all items as per the design: search bar, profile dropdown, notifications and help.

3. Functionality:

   • Include a dropdown for the user profile with options such as "Settings," "Profile," and "Logout."
   • Implement a help icon with a drop down showing options like "customer care", "FAQ"
   • Implement a notifications icon with a badge showing the number of unread notifications.

4. Accessibility:

   • Ensure all components are accessible and follow best practices

Acceptance Criteria:

• The SuperAdminNavBar component is created and located in the components directory.
• All UI components are implemented using ShadCN UI.
• The Nav Bar matches the design specifications.
• The Nav Bar functions correctly
• User profile dropdown is functional with appropriate options.
• Notifications icon with badge is implemented.
• All components are accessible

Attachments:

Link to Design file

• ShadCN UI Documentation

[Vicdiamond]

i have assigned myself this issue oo, make nobody bother