Update styling for Home component and globals to adjust for collapsed sidebar width

app/components/home.module.scss

@@ -168,7 +168,14 @@
 .chat-list {
 }
 .chat-item-collapse {
-  padding: 4px 11px;
+  //make content center
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  position: relative;
+  padding-top: 4px;
+  padding-bottom: 4px;
   background-color: var(--white);
   border-radius: 10px;
   margin-bottom: 10px;

app/components/home.tsx

@@ -815,7 +815,7 @@ export function Home() {
         className={
           sidebarCollapse
             ? styles["window-content-collapse"]
-            : styles["window-content-collapse"]
+            : styles["window-content"]
         }
       >
         {openSettings ? (

app/styles/globals.scss

@@ -50,8 +50,8 @@
 
   --window-width: 90vw;
   --window-height: 90vh;
-  --sidebar-width: 380px;
-  --sidebar-collapse-width: 8vh;
+  --sidebar-width: 300px;
+  --sidebar-collapse-width: 75px;
   --window-content-width: calc(100% - var(--sidebar-width));
   --window-content-width-collapse: calc(100% - var(--sidebar-collapse-width));
   --message-max-width: 90%;