"chats" menu open by default

layouts/LayoutDefault.tsx

@@ -54,7 +54,7 @@ export default function LayoutDefault({
   //   }
   // }, [isConversationListExpanded]);
 
-  function handleDeleteConversation(conversationId: ConversationsId) {
+  function handleDeleteConversation(conversationId: string) {
     removeConversation(conversationId);
     trpc.chat.deleteConversation.mutate({ id: conversationId });
   }
@@ -95,10 +95,9 @@ export default function LayoutDefault({
           <NavLink
             key="chat-new"
             href="#required-for-focus-management"
-            label="Chats"
+            label={
-            leftSection={<IconActivity size={16} stroke={1.5} />}
+              <Group justify="space-between">
-            rightSection={
+                <span>Chats</span>
-              <>
                 <IconPlus
                   size={16}
                   stroke={1.5}
@@ -113,15 +112,19 @@ export default function LayoutDefault({
                     });
                   }}
                 />
+              </Group>
+            }
+            leftSection={<IconActivity size={16} stroke={1.5} />}
+            rightSection={
               <IconChevronRight
                 size={12}
                 stroke={1.5}
                 className="mantine-rotate-rtl"
               />
-              </>
             }
             variant="subtle"
             active={urlPathname.startsWith("/chat")}
+            defaultOpened={true}
           >
             {conversations.map((conversation) => (
               <NavLink