improvement(tables): multi-select and efficiencies

Author: emir-karabeg

apps/sim/app/workspace/[workspaceId]/components/resource/resource.tsx

@@ -173,7 +173,7 @@ export function Resource({
                       return (
                         <th
                           key={col.id}
-                          className='h-10 px-[24px] py-[6px] text-left align-middle font-base text-[var(--text-muted)]'
+                          className='h-10 px-[24px] py-[6px] text-left align-middle font-base text-[12px] text-[var(--text-muted)]'
                         >
                           {col.header}
                         </th>

apps/sim/app/workspace/[workspaceId]/logs/components/log-details/log-details.tsx

@@ -344,7 +344,7 @@ export const LogDetails = memo(function LogDetails({
       )}
 
       <div
-        className={`absolute top-[0px] right-0 bottom-0 z-50 transform overflow-hidden border-l bg-[var(--surface-1)] shadow-md transition-transform duration-200 ease-out ${
+        className={`absolute top-[0px] right-0 bottom-0 z-50 transform overflow-hidden border-l bg-white shadow-md transition-transform duration-200 ease-out dark:bg-[var(--bg)] ${
           isOpen ? 'translate-x-0' : 'translate-x-full'
         }`}
         style={{ width: `${panelWidth}px` }}