Add our first view via Next.js for Agents (#817)

Initialize our migration to use Next.js for front-end views via Agents. This includes setup for getting authenticated users, reading in available agents, setting up a pop-up modal when you're clicking on an agent, and allowing users to start new conversations with agents.

Best attempt at an in-place migration, though there are some noticeable differences.

Also adds view for chat that are not being used, but in experimental phase.

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

@@ -0,0 +1,85 @@
+div.chatMessageContainer {
+    display: flex;
+    flex-direction: column;
+    margin: 0.5rem;
+    padding: 0.5rem;
+    border-radius: 0.5rem;
+    border: 1px solid black;
+    /* max-width: 80%; */
+}
+
+div.you {
+    color: var(--frosted-background-color);
+    background-color: var(--intense-green);
+    align-self: flex-end;
+}
+
+div.khoj {
+    background-color: transparent;
+    color: #000000;
+    align-self: flex-start;
+}
+
+div.chatMessageContainer img {
+    width: 50%;
+}
+
+div.chatMessageContainer h3 img {
+    width: 24px;
+}
+
+div.you .author {
+    color: var(--frosted-background-color);
+}
+
+div.author {
+    font-size: 0.75rem;
+    color: #808080;
+    text-align: right;
+}
+
+div.chatFooter {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 8px;
+}
+
+div.chatButtons {
+    display: flex;
+    justify-content: flex-end;
+}
+
+div.chatFooter button {
+    cursor: pointer;
+    background-color: var(--calm-blue);
+    color: var(--main-text-color);
+    border: none;
+    border-radius: 0.5rem;
+    padding: 0.25rem;
+    margin-left: 0.5rem;
+}
+
+div.chatFooter button:hover {
+    background-color: var(--frosted-background-color);
+    color: var(--intense-green);
+}
+
+div.chatTimestamp {
+    font-size: small;
+}
+
+button.codeCopyButton {
+    cursor: pointer;
+    float: right;
+    border-radius: 8px;
+}
+
+button.codeCopyButton:hover {
+    background-color: var(--intense-green);
+    color: var(--frosted-background-color);
+}
+
+div.feedbackButtons img,
+button.copyButton img {
+    width: auto;
+}