Sort sidebar projects alphabetically

Author: W4D-cmd

src/app/api/projects/route.ts

@@ -13,7 +13,7 @@ export async function GET(request: NextRequest) {
       `SELECT id, title, system_prompt AS "systemPrompt", created_at AS "createdAt", updated_at AS "updatedAt"
          FROM projects
          WHERE user_id = $1
-         ORDER BY updated_at DESC`,
+         ORDER BY LOWER(title) ASC`,
       [userId],
     );
     return NextResponse.json(rows);

src/app/page.tsx

@@ -246,6 +246,10 @@ export default function Home() {
   const prevDisplayingProjectManagementIdRef = useRef<number | null>(null);
 
   const isThinkingSupported = useMemo(() => !!getThinkingConfigForModel(selectedModel?.name), [selectedModel]);
+  
+  const sortedProjects = useMemo(() => {
+    return [...allProjects].sort((a, b) => a.title.localeCompare(b.title));
+  }, [allProjects]);
 
   const showToast = useCallback((message: string, type: ToastProps["type"] = "error") => {
     setToast({ message, type });
@@ -1675,7 +1679,7 @@ export default function Home() {
       </AnimatePresence>
       <Sidebar
         chats={allChats}
-        projects={allProjects}
+        projects={sortedProjects}
         activeChatId={activeChatId}
         activeProjectId={displayingProjectManagementId}
         onNewChat={handleNewChat}