fix: update nav bar UI, changed user menu to use shadcn dropdown, fix responsivity issues

[lucaseduoli]

This pull request focuses on updating the styling and structure of various components in the frontend application, specifically within the appHeaderComponent directory. The changes include modifying class names, updating component structures, and improving the overall user experience by refining the layout and appearance of elements.

Component Updates:

• src/frontend/src/components/appHeaderComponent/components/FlowMenu/index.tsx:

  • Updated the "Saved" status text to use a more consistent style.
  • Adjusted the layout of the MenuBar component to improve alignment and spacing. [1] [2]
  • Changed the label from "Settings" to "Flow Settings" for clarity.
  • Improved the layout of the FlowSettingsModal and FlowLogsModal components.

• src/frontend/src/components/appHeaderComponent/components/GithubStarButton/index.tsx:

  • Refined the styling of the GitHub star button for better visual consistency.

• src/frontend/src/components/appHeaderComponent/components/HeaderMenu/index.tsx:

  • Replaced @headlessui/react Menu with a custom DropdownMenu component for better control over styling and behavior. [1] [2]

• src/frontend/src/components/appHeaderComponent/components/ThemeButtons/index.tsx:

  • Updated theme button styles for better visual consistency and user experience. [1] [2]

General Layout Improvements:

• src/frontend/src/components/appHeaderComponent/index.tsx:
  • Improved the layout and positioning of the header sections for better responsiveness and alignment. [1] [2] [3] [4] [5]

Style and Utility Updates:

• src/frontend/src/components/ui/dropdown-menu.tsx:

  • Adjusted the DropdownMenuSeparator component to use a consistent border color.

• src/frontend/src/pages/DashboardWrapperPage/index.tsx:

  • Simplified the layout structure for better compatibility with different screen sizes.

• src/frontend/src/style/applies.css:

  • Removed redundant styles and improved the consistency of existing styles. [1] [2]

• src/frontend/src/style/index.css:

  • Minor cleanup to remove unnecessary whitespace.

• src/frontend/src/utils/styleUtils.ts:

  • Added new icon imports and updated the nodeIconsLucide object to include new icons. [1] [2] [3]

[anovazzi1]

lgtm