reverse list

src/app.tsx

@@ -91,7 +91,13 @@ export function App() {
             NEW
           </button>
           <ul>
-            {allChatStore.map((cs, i) => (
+            {allChatStore
+              .slice()
+              .reverse()
+              .map((cs, _i) => {
+                // reverse
+                const i = allChatStore.length - _i - 1;
+                return (
                   <li>
                     <button
                       className={`w-full my-1 p-1 rounded  hover:bg-blue-300 ${
@@ -104,7 +110,8 @@ export function App() {
                       {i}
                     </button>
                   </li>
-            ))}
+                );
+              })}
           </ul>
         </div>
         <button