fix(ui): sort compliance overview by name (#9438)

Co-authored-by: Pedro Martín <pedromarting3@gmail.com>

ui/CHANGELOG.md

@@ -7,6 +7,7 @@ All notable changes to the **Prowler UI** are documented in this file.
 ### 🐞 Fixed
 
 - Models list in Lighthouse selector when default model is not set for provider [(9402)](https://github.com/prowler-cloud/prowler/pull/9402)
+- Sort compliance cards by name from the compliance overview [(9422)](https://github.com/prowler-cloud/prowler/pull/9422)
 
 ---
 

ui/app/(prowler)/compliance/page.tsx

@@ -234,6 +234,9 @@ const SSRComplianceGrid = async ({
           // Filter out ProwlerThreatScore from the grid
           return compliance.attributes.framework !== "ProwlerThreatScore";
         })
+        .sort((a: ComplianceOverviewData, b: ComplianceOverviewData) =>
+          a.attributes.framework.localeCompare(b.attributes.framework),
+        )
         .map((compliance: ComplianceOverviewData) => {
           const { attributes, id } = compliance;
           const {