fix(studio): auth overview table arrow styling (#39810)

* fix: align arrows to end always

* chore: remove dummy data

apps/studio/components/interfaces/Auth/Overview/OverviewMonitoring.tsx

@@ -184,9 +184,9 @@ export const OverviewMonitoring = () => {
                   {
                     key: 'actions',
                     header: '',
-                    className: 'text-right flex-shrink-0',
+                    className: 'w-6',
                     render: (row) => (
-                      <div>
+                      <div className="flex justify-end">
                         <LogsLink href={`/project/${ref}/logs/edge-logs?s=${row.path}`} />
                       </div>
                     ),

apps/studio/components/interfaces/Auth/Overview/OverviewTable.tsx

@@ -61,7 +61,7 @@ export function OverviewTable<T>({ columns, data, isLoading, emptyMessage }: Ove
           (data as unknown as T[]).map((row, idx) => (
             <TableRow key={idx}>
               {columns.map((col) => (
-                <TableCell key={String(col.key)} className={cn('py-1.5 px-6', col.className)}>
+                <TableCell key={String(col.key)} className={cn('py-1.5 pl-6 pr-4', col.className)}>
                   {col.render ? col.render(row) : (row as any)[col.key as string]}
                 </TableCell>
               ))}