Upgrade deps (#329)

* upgrade deps

* fix langchain warnings

* add test for login

enjoy/src/renderer/components/layout.tsx

@@ -15,10 +15,13 @@ export const Layout = () => {
 
   if (!initialized) {
     return (
-      <div className="h-screen flex justify-center items-center">
+      <div
+        className="h-screen flex justify-center items-center"
+        date-testid="layout-onboarding"
+      >
         <div className="text-center">
           <div className="text-lg mb-6">
-            {t("welcomeTo")} <span className="font-semibold">Enjoy Bot</span>
+            {t("welcomeTo")} <span className="font-semibold">Enjoy App</span>
           </div>
 
           <div className="">
@@ -31,7 +34,7 @@ export const Layout = () => {
     );
   } else if (db.state === "connected") {
     return (
-      <div className="min-h-screen">
+      <div className="min-h-screen" data-testid="layout-home">
         <div className="flex flex-start">
           <Sidebar />
           <div className="flex-1 border-l overflow-x-hidden">
@@ -42,7 +45,10 @@ export const Layout = () => {
     );
   } else {
     return (
-      <div className="h-screen w-screen flex justify-center items-center">
+      <div
+        className="h-screen w-screen flex justify-center items-center"
+        data-testid="layout-db-error"
+      >
         <DbState />
       </div>
     );

enjoy/src/renderer/components/sidebar.tsx

@@ -26,7 +26,10 @@ export const Sidebar = () => {
   const activeTab = location.pathname;
 
   return (
-    <div className="h-[100vh] w-20 xl:w-48 2xl:w-64 transition-all relative">
+    <div
+      className="h-[100vh] w-20 xl:w-48 2xl:w-64 transition-all relative"
+      data-testid="sidebar"
+    >
       <div className="fixed top-0 left-0 h-full w-20 xl:w-48 2xl:w-64">
         <ScrollArea className="w-full h-full">
           <div className="px-1 xl:px-3 pt-6 mb-2 flex items-center space-x-1 justify-center">
@@ -63,7 +66,9 @@ export const Sidebar = () => {
                   className="w-full xl:justify-start"
                 >
                   <UsersRoundIcon className="xl:mr-2 h-5 w-5" />
-                  <span className="hidden xl:block">{t("sidebar.community")}</span>
+                  <span className="hidden xl:block">
+                    {t("sidebar.community")}
+                  </span>
                 </Button>
               </Link>
             </div>