fix: project ordering messing up in projects page (#1122)

apps/app/helpers/array.helper.ts

@@ -8,10 +8,12 @@ export const groupBy = (array: any[], key: string) => {
 };
 
 export const orderArrayBy = (
-  array: any[],
+  orgArray: any[],
   key: string,
   ordering: "ascending" | "descending" = "ascending"
 ) => {
+  const array = [...orgArray];
+
   if (!array || !Array.isArray(array) || array.length === 0) return [];
 
   if (key[0] === "-") {

apps/app/hooks/use-projects.tsx

@@ -19,9 +19,9 @@ const useProjects = () => {
     workspaceSlug ? () => projectService.getProjects(workspaceSlug as string) : null
   );
 
-  const recentProjects = projects
+  const recentProjects = [...(projects ?? [])]
     ?.sort((a, b) => Date.parse(`${a.updated_at}`) - Date.parse(`${b.updated_at}`))
-    .filter((_item, index) => index < 3);
+    ?.slice(0, 3);
 
   return {
     projects: orderArrayBy(projects ?? [], "is_favorite", "descending") || [],