Include disclaimers for chat window

Author: leekahung

frontend/src/Chat.tsx

@@ -31,7 +31,7 @@ export default function Chat() {
             className={`container relative flex flex-col mx-auto p-6 bg-[#F4F4F2] rounded-lg shadow-[0_4px_6px_rgba(0,0,0,0.1)]
               ${
                 isOngoing
-                  ? "justify-between h-[calc(100dvh-4rem)] max-h-[calc(100dvh-4rem)] sm:h-[calc(100dvh-10rem)]"
+                  ? "justify-between h-[calc(100dvh-4rem-64px)] max-h-[calc(100dvh-4rem-64px)] sm:h-[calc(100dvh-10rem-64px)]"
                   : "justify-center max-w-[600px]"
               }`}
           >
@@ -51,6 +51,16 @@ export default function Chat() {
               />
             )}
           </div>
+          <div
+            className={`container mx-auto text-xs px-4 text-center ${isOngoing ? "max-w-auto my-2" : "max-w-[600px] my-4"}`}
+          >
+            <p className={`${isOngoing ? "mb-0" : "mb-2"}`}>
+              {isOngoing
+                ? "This chatbot offers general housing law info and is not legal advice. For help with your situation, contact a lawyer."
+                : "The information provided by this chatbot is general information only and does not constitute legal advice. While Tenant First Aid strives to keep the content accurate and up to date,  completeness and accuracy is not guaranteed. If you have a specific legal issue or question, consider contacting a qualified attorney or a local legal aid clinic for personalized assistance."}
+            </p>
+            <p>For questions, contact [email protected]</p>
+          </div>
         </div>
         <StatuteDrawer
           open={drawerOpen}