* Refactor UI styles & configurations
- Modify button styles and their color schemes to create a consistent user experience when interacting with buttons.
- Adjust the design of the search bar to a more user-friendly layout by changing its background color and styling.
- Create a responsive mobile behavior for the navigation bar to hide it behind a menu icon instead of permanently displaying it.
* Update .gitignore to exclude unnecessary files for Meilisearch
Update .gitignore to exclude meilisearch.exe and data.ms/*, which are not necessary for Meilisearch.
* feat: Add getCurrentBreakpoint function to get current breakpoint
This commit adds a getCurrentBreakpoint function to determine the current breakpoint of the viewport. The function uses fullConfig to determine the biggest breakpoint value of the window, and returns the corresponding breakpoint. It also updates the useEffect function to use getCurrentBreakpoint instead of checking if the userAgent matches a mobile regex.
* Update tailwind import path in Nav component
The import path for the tailwind config was updated in the Nav component to match the new project structure. This ensures that the correct Tailwind styles are applied to the component and improves maintainability.
* Add ThemeContext and cn utility function to Nav component
This commit adds the ThemeContext and cn utility function to the Nav component's dependencies with useContext and import respectively. It also modifies a class name with a ternary operator that toggles based on the theme value passed via ThemeContext.
* Update Nav button styles for better visibility
Changed the button styles for the Nav close and open buttons to enhance visibility. The text color for both buttons will now change when hovering to gray and gray-600 respectively.
* Improve message header styles and add transition effects
This commit updates the MessageHeader component styles by adjusting the text color, as well as adding transition effects to enhance the hover experience. The commit also tweaks mobile styles by adding a transition effect to `.nav` when resizing the window to mobile size.
* Refactor the message header component styling for better visual contrast
The message header component was refactored to improve its visual contrast by changing the text color for better readability. The styles of the component were modified to improve hover behavior as well as transition effects. The setSaveAsDialogShow method was shifted to the onClick prop to only execute when the endpoint is not 'chatGPTBrowser'.
* refactor: Update styling of MessageHeader and Nav buttons
The commit message describes changes made to the MessageHeader and Nav components. It summarizes the code changes as a refactor of the CSS styling for the buttons in both components, specifically updating the text and hover colors for the dark and light themes.
feat: sibling switch, mobile style
fix: only the real submitting message will blink
feat: drop the text version username, use a similar square. (or it will mass up the sibling switch)
