fix: new session should insert at top

app/components/home.tsx

@@ -130,11 +130,14 @@ export function Chat() {
     );
 
   useEffect(() => {
-    latestMessageRef.current?.scrollIntoView(false);
+    latestMessageRef.current?.scrollIntoView({
+      behavior: "smooth",
+      block: "end",
+    });
   });
 
   return (
-    <div className={styles.chat}>
+    <div className={styles.chat} key={session.topic}>
       <div className={styles["chat-header"]}>
         <div>
           <div className={styles["chat-header-title"]}>{session.topic}</div>

app/store.ts

@@ -106,8 +106,8 @@ export const useChatStore = create<ChatStore>()(
 
       newSession() {
         set((state) => ({
-          currentSessionIndex: state.sessions.length,
-          sessions: state.sessions.concat([createEmptySession()]),
+          currentSessionIndex: 0,
+          sessions: [createEmptySession()].concat(state.sessions),
         }));
       },