wrapping some components.

src/features/backup/columns.tsx

@@ -18,7 +18,7 @@ export type Backup = {
     status: "pending" | "processing" | "success" | "failed"
 }
 
-export const columns: ColumnDef<Backup>[] = [
+export const backupColumns: ColumnDef<Backup>[] = [
     {
         accessorKey: "id",
         header: "Reference",
@@ -26,6 +26,9 @@ export const columns: ColumnDef<Backup>[] = [
     {
         accessorKey: "createdAt",
         header: "Created At",
+        cell: ({row}) => {
+            return new Date(row.getValue("createdAt")).toLocaleString("fr-FR");
+        },
     },
     {
         accessorKey: "status",

src/features/layout/page.tsx

@@ -1,36 +1,47 @@
-import {PropsWithChildren} from 'react';
 import {twx} from "@/lib/twx";
 import {cn} from "@/lib/utils";
 
-export const Page = ({children}: PropsWithChildren<{}>) => {
-    return (
-        <div className="flex flex-1 flex-col gap-4 px-10 py-6">{children}</div>
-    );
-};
 
+<<<<<<< HEAD
+export const Page = twx.div((props) => [
+    cn(`flex flex-col h-full px-10 py-6`, props.className),
+=======
 export const PageHeader = twx.div((props)=>[
     cn(`flex justify-between`, props.className),
 ])
 
 export const PageTitle = twx.h1((props)=>[
     cn(`text-3xl font-bold mb-6`, props.className),
+>>>>>>> origin/main
 ])
 
 
+export const PageHeader = twx.div((props) => [
+    cn(`flex justify-between`, props.className),
+])
 
-export const PageDescription = twx.h2((props)=>[
+
+export const PageTitle = twx.h1((props) => [
+    cn(`text-3xl font-bold mb-6 flex gap-4 items-center`, props.className),
+])
+
+
+export const PageDescription = twx.h2((props) => [
     cn(`text-s mb-6 text-gray-700`, props.className),
 ])
 
 
+<<<<<<< HEAD
+export const PageActions = twx.h1((props) => [
+    cn(`flex gap-4 h-fit`, props.className),
+])
+
+export const PageContent = twx.div((props) => [
+    cn(`h-full`, props.className),
+=======
 export const PageActions = twx.h1((props)=>[
     cn(`flex gap-4`, props.className),
+>>>>>>> origin/main
 ])
 
 
-export const PageContent = ({children}: PropsWithChildren<{}>) => {
-    return (
-        <div className="">{children}</div>
-    );
-};
-

src/features/restore/columns.tsx

@@ -18,7 +18,7 @@ export type Restore = {
     status: "pending" | "processing" | "success" | "failed"
 }
 
-export const columns: ColumnDef<Restore>[] = [
+export const restoreColumns: ColumnDef<Restore>[] = [
     {
         accessorKey: "id",
         header: "Reference",
@@ -26,6 +26,9 @@ export const columns: ColumnDef<Restore>[] = [
     {
         accessorKey: "createdAt",
         header: "Created At",
+        cell: ({row}) => {
+            return new Date(row.getValue("createdAt")).toLocaleString("fr-FR");
+        },
     },
     {
         accessorKey: "status",