fix(folders): Alphabetical folder order should be case insensitive.

e2e/cypress/integration/folders.ts

@@ -1,6 +1,37 @@
 /// <reference types="cypress" />
 
 describe('Folder management', () => {
+    it('should create folders and check that their order is alphabetical and case insensitive', () => {
+        cy.visit('/');
+        cy.closeWelcomeDialog();
+
+        // Create folders for test
+        cy.get('#createFolderButton').click();
+        cy.get('mat-dialog-container input').type('folderA');
+        cy.get('mat-dialog-container #doneButton').click();
+
+        cy.get('#createFolderButton').click();
+        cy.get('mat-dialog-container input').type('FolderB');
+        cy.get('mat-dialog-container #doneButton').click();
+
+        cy.get('#createFolderButton').click();
+        cy.get('mat-dialog-container input').type('folderC');
+        cy.get('mat-dialog-container #doneButton').click();
+
+        cy.get('#createFolderButton').click();
+        cy.get('mat-dialog-container input').type('FolderD');
+        cy.get('mat-dialog-container #doneButton').click();
+
+
+        // Get all folder elements and extract their text content
+        cy.get('mat-tree-node').then((nodes) => {
+            const folderNames = Array.from(nodes, (node) => Cypress.$(node).text().trim().toLowerCase());
+
+            // Check if the folders are sorted alphabetically and case-insensitively
+            expect(folderNames).to.deep.equal(folderNames.slice().sort());
+        });
+    });
+
     it('should create folder at root level', () => {
         cy.visit('/');
         cy.closeWelcomeDialog();

src/app/app.component.ts

@@ -373,16 +373,19 @@ export class AppComponent implements OnInit, AfterViewInit, CanvasTableSelectLis
     });
 
     // Only update if actual changes found (else folderlist redraw takes 3sec or more)
-    this.displayedFolders =
-      this.messagelistservice.folderListSubject
-        .pipe(distinctUntilChanged((prev: FolderListEntry[], curr: FolderListEntry[]) => {
-          return prev.length === curr.length
-            && prev.every((f, index) =>
-              objectEqualWithKeys(f, curr[index], [
-                'folderId', 'totalMessages', 'newMessages', 'folderName'
-              ]))
-        }))
-        .pipe(map((folders: FolderListEntry[]) => folders.filter(f => f.folderPath.indexOf('Drafts') !== 0))
+    this.displayedFolders = this.messagelistservice.folderListSubject
+    .pipe(
+      distinctUntilChanged((prev: FolderListEntry[], curr: FolderListEntry[]) => {
+        return prev.length === curr.length &&
+          prev.every((f, index) =>
+            objectEqualWithKeys(f, curr[index], ['folderId', 'totalMessages', 'newMessages', 'folderName'])
+          );
+      }),
+      map((folders: FolderListEntry[]) => {
+        const filteredFolders = folders.filter(folder => folder.folderPath.indexOf('Drafts') !== 0);
+        const sortedFolders = filteredFolders.sort((folderA, folderB) => folderA.folderName.localeCompare(folderB.folderName, undefined, { sensitivity: 'base' }));
+        return sortedFolders;
+      })
     );
 
     this.canvastable.scrollLimitHit.subscribe((limit) =>