Working on the README.md

src/components/wrappers/common/github/github-button.tsx

@@ -0,0 +1,47 @@
+'use client';
+
+import {GithubButton} from "@/components/ui/github-button";
+import * as React from "react";
+import {useEffect} from "react";
+
+export const GitHubStarsButtonCustom = () => {
+
+    const [stars, setStars] = React.useState(0);
+    const [isLoading, setIsLoading] = React.useState(true);
+
+    const username = "Soluce-Technologies"
+    const repo = "portabase"
+
+
+    useEffect(() => {
+        fetch(`https://api.github.com/repos/${username}/${repo}`)
+            .then((response) => response.json())
+            .then((data) => {
+                if (data && typeof data.stargazers_count === 'number') {
+                    setStars(data.stargazers_count);
+                }
+            })
+            .catch(console.error)
+            .finally(() => setIsLoading(false));
+    }, [username, repo]);
+
+    if (isLoading) return null;
+
+
+
+    return (
+        <div className=" gap-4 flex-wrap hidden md:block">
+            <GithubButton
+                initialStars={0}
+                targetStars={stars}
+                label="Github Stars"
+                size="sm"
+                separator={true}
+                roundStars={true}
+                repoUrl={`https://github.com/${username}/${repo}`}
+                variant="outline"
+            />
+        </div>
+    );
+};
+export default GitHubStarsButtonCustom;

src/components/wrappers/common/table/table-pagination-size.tsx

@@ -17,7 +17,7 @@ export const TablePaginationSize = (props: tablePaginationSizeProps) => {
 
     return (
         <div className={cn("flex items-center justify-end sm:justify-center space-x-2", className)}>
-            <p className="whitespace-nowrap text-sm font-medium">Rows per page</p>
+            <p className="whitespace-nowrap text-sm font-medium hidden md:block">Rows per page</p>
             <Select
                 value={`${table.getState().pagination.pageSize}`}
                 onValueChange={(value) => {

src/components/wrappers/common/table/table-pagination.tsx

@@ -15,9 +15,9 @@ export function TablePagination(props: tablePaginationProps) {
     const { className, table, maxVisiblePages = 3, pageSizeOptions = [10, 20, 30, 40, 50] } = props;
 
     return (
-        <div className={cn("flex flex-col gap-x-4 sm:flex-row", className)}>
+        <div className={cn("flex gap-x-4 flex-row w-full", className)}>
             <TablePaginationSize table={table} pageSizeOptions={pageSizeOptions} />
-            <TablePaginationNavigation table={table} maxVisiblePages={maxVisiblePages} className="justify-end mt-5 sm:mt-0" />
+            <TablePaginationNavigation table={table} maxVisiblePages={maxVisiblePages} className="justify-end mt-0" />
         </div>
     );
 }

src/components/wrappers/dashboard/admin/admin-tabs.tsx

@@ -50,10 +50,10 @@ export const AdminTabs = ({users, settings, organizations}: AdminTabsProps) => {
                     Storage
                 </TabsTrigger>
             </TabsList>
-            <TabsContent value="users">
+            <TabsContent className="h-full" value="users">
                 <AdminUsersTable users={users}/>
             </TabsContent>
-            <TabsContent value="organizations">
+            <TabsContent className="h-full" value="organizations">
                 <AdminOrganizationsTable organizations={organizations}/>
             </TabsContent>
             <TabsContent value="email">

src/components/wrappers/dashboard/admin/tabs/admin-organizations-tab/admin-organizations-table.tsx

@@ -11,13 +11,13 @@ export type AdminOrganizationsTableProps = {
 export const AdminOrganizationsTable = (props: AdminOrganizationsTableProps) => {
     const {organizations} = props;
     return (
-        <div className="flex flex-col gap-y-4 h-full py-4">
-            <Card>
+        <div className="flex flex-col gap-y-4 h-full py-4 ">
+            <Card className="h-full">
                 <CardHeader>
                     <CardTitle>Active organizations</CardTitle>
                     <CardDescription>Manage all system organizations</CardDescription>
                 </CardHeader>
-                <CardContent>
+                <CardContent className="h-full">
                     <AdminOrganizationList organizations={organizations} />
                 </CardContent>
             </Card>

src/components/wrappers/dashboard/admin/tabs/admin-organizations-tab/columns-organizations.tsx

@@ -11,7 +11,6 @@ import {deleteUserAction} from "@/components/wrappers/dashboard/profile/button-d
 import {ButtonWithLoading} from "@/components/wrappers/common/button/button-with-loading";
 import {UserWithAccounts} from "@/db/schema/02_user";
 import {authClient, useSession} from "@/lib/auth/auth-client";
-import {formatFrenchDate} from "@/utils/date-formatting";
 import {providerSwitch} from "@/components/wrappers/common/provider-switch";
 import {ButtonDeleteUser} from "@/components/wrappers/dashboard/admin/tabs/admin-user-tab/button-delete-use";
 import {Organization} from "@/db/schema/03_organization";

src/components/wrappers/dashboard/admin/tabs/admin-user-tab/admin-user-table.tsx

@@ -12,12 +12,12 @@ export const AdminUsersTable = (props: AdminUsersTableProps) => {
     const {users} = props;
     return (
         <div className="flex flex-col gap-y-4 h-full py-4">
-            <Card>
+            <Card className="h-full ">
                 <CardHeader>
                     <CardTitle>Active users</CardTitle>
                     <CardDescription>Manage your users</CardDescription>
                 </CardHeader>
-                <CardContent>
+                <CardContent className="h-full">
                     <DataTable
                         enableSelect={false}
                         columns={usersColumnsAdmin}

src/components/wrappers/dashboard/admin/tabs/admin-user-tab/columns-users.tsx

@@ -6,14 +6,11 @@ import {useMutation} from "@tanstack/react-query";
 import {toast} from "sonner";
 import {useRouter} from "next/navigation";
 import {useState} from "react";
-import {Trash2} from "lucide-react";
-import {deleteUserAction} from "@/components/wrappers/dashboard/profile/button-delete-account/delete-account.action";
-import {ButtonWithLoading} from "@/components/wrappers/common/button/button-with-loading";
 import {UserWithAccounts} from "@/db/schema/02_user";
 import {authClient, useSession} from "@/lib/auth/auth-client";
-import {formatFrenchDate} from "@/utils/date-formatting";
 import {providerSwitch} from "@/components/wrappers/common/provider-switch";
 import {ButtonDeleteUser} from "@/components/wrappers/dashboard/admin/tabs/admin-user-tab/button-delete-use";
+import {formatLocalizedDate} from "@/utils/date-formatting";
 
 export const usersColumnsAdmin: ColumnDef<UserWithAccounts>[] = [
     {
@@ -88,7 +85,7 @@ export const usersColumnsAdmin: ColumnDef<UserWithAccounts>[] = [
         accessorKey: "updatedAt",
         header: "Updated At",
         cell: ({row}) => {
-            return formatFrenchDate(row.getValue("updatedAt"))
+            return formatLocalizedDate(row.getValue("updatedAt"))
         },
     },
     {