♻️(frontend) datagrid ordered by updated_at desc

The datagrid is now ordered by updated_at desc.

src/frontend/apps/e2e/__tests__/app-impress/doc-grid.spec.ts

@@ -49,37 +49,55 @@ test.describe('Documents Grid', () => {
       nameColumn: 'Document name',
       ordering: 'title',
       cellNumber: 1,
+      orderDefault: '',
+      orderDesc: '&ordering=-title',
+      orderAsc: '&ordering=title',
     },
     {
       nameColumn: 'Created at',
       ordering: 'created_at',
       cellNumber: 2,
+      orderDefault: '',
+      orderDesc: '&ordering=-created_at',
+      orderAsc: '&ordering=created_at',
     },
     {
       nameColumn: 'Updated at',
       ordering: 'updated_at',
       cellNumber: 3,
+      orderDefault: '&ordering=-updated_at',
+      orderDesc: '&ordering=updated_at',
+      orderAsc: '',
     },
-  ].forEach(({ nameColumn, ordering, cellNumber }) => {
+  ].forEach(
+    ({
+      nameColumn,
+      ordering,
+      cellNumber,
+      orderDefault,
+      orderDesc,
+      orderAsc,
+    }) => {
       test(`checks datagrid ordering ${ordering}`, async ({ page }) => {
         const responsePromise = page.waitForResponse(
           (response) =>
-          response.url().includes(`/documents/?page=1`) &&
+            response.url().includes(`/documents/?page=1${orderDefault}`) &&
             response.status() === 200,
         );
 
         const responsePromiseOrderingDesc = page.waitForResponse(
           (response) =>
-          response.url().includes(`/documents/?page=1&ordering=-${ordering}`) &&
+            response.url().includes(`/documents/?page=1${orderDesc}`) &&
             response.status() === 200,
         );
 
         const responsePromiseOrderingAsc = page.waitForResponse(
           (response) =>
-          response.url().includes(`/documents/?page=1&ordering=${ordering}`) &&
+            response.url().includes(`/documents/?page=1${orderAsc}`) &&
             response.status() === 200,
         );
 
+        // Checks the initial state
         const datagrid = page
           .getByLabel('Datagrid of the documents page 1')
           .getByRole('table');
@@ -153,7 +171,8 @@ test.describe('Documents Grid', () => {
             }) >= 0,
         ).toBeTruthy();
       });
-  });
+    },
+  );
 
   test('checks the pagination', async ({ page }) => {
     const responsePromisePage1 = page.waitForResponse(

src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx

@@ -53,7 +53,12 @@ export const DocsGrid = () => {
   const pagination = usePagination({
     pageSize: PAGE_SIZE,
   });
-  const [sortModel, setSortModel] = useState<SortModel>([]);
+  const [sortModel, setSortModel] = useState<SortModel>([
+    {
+      field: 'updated_at',
+      sort: 'desc',
+    },
+  ]);
   const { page, pageSize, setPagesCount } = pagination;
   const [docs, setDocs] = useState<Doc[]>([]);