Nav Menu Upgrades and Minor UX Improvements (#869)

* Converted navigation menu into a dropdown menu
* Moved collapsed side panel menu icons into top row
* Auto refresh when conversation is deleted to update side panel and route back to main page if deletion is on current conversation
* Highlight the current conversation in the side panel
* Dynamic homepage messages with current day and time of day.
* `colorutils` upgraded to have more expansive tailwind color options and dynamic class name generation.
* Converted create agent button alert into shadcn `ToolTip`
* Colored lines and icons for agents in chat window
* Cleaned up border styling in dark mode
* fixed three dot menu in side panel to be more easier to click
* Add the KhojLogo import in the nav menu and use a default user profile icon when not authenticated
* Get rid of custom --box-shadow CSS variable
* Pass the agent metadat through the chat body data in order to style the send button
* Add login to the unauthenticated login view, redirecto to home if conversation history not loaded
* Set a max height for the input text area
* Simplify tailwind class names

---------

Co-authored-by: sabaimran <narmiabas@gmail.com>

src/interface/web/app/components/navMenu/navMenu.module.css

@@ -18,7 +18,7 @@ a.selected {
 div.titleBar {
     display: flex;
     padding-left: 12px;
-    padding-right: 32px;
+    padding-right: 12px;
     padding-top: 16px;
     padding-bottom: 16px;
     justify-content: space-between;
@@ -51,11 +51,6 @@ div.settingsMenu {
     align-items: center;
 }
 
-div.settingsMenu:hover {
-    background-color: var(--primary-hover);
-    cursor: pointer;
-}
-
 div.settingsMenuOptions {
     display: block;
     grid-auto-flow: row;